:root{
  /* backgrounds */
  --bg:#0a0a0a;
  --surface:#1a1a1a;
  --surface-2:#111;
  /* borders */
  --border:#222;
  --border-2:#333;
  --border-soft:#444;
  /* text */
  --text:#fff;
  --text-soft:#ddd;
  --text-body:#ccc;
  --text-muted:#bbb;
  --text-muted-2:#aaa;
  --text-faint:#888;
  --text-dim:#666;
  /* brand */
  --primary:#4499ff;
  --link:#0066cc;
  --link-hover:#0052a3;
  --amber:#f5a623;
  --green:#155724;
  --error:#ff8888;
  /* type */
  --font:Arial, sans-serif;
}