:root {
  /* Surfaces */
  --bg-base:        #0b0f17;
  --bg-surface:     #141a24;
  --bg-raised:      #1c2331;
  --bg-input:       #0f1520;

  /* Borders */
  --border-subtle:  #232c3a;
  --border-strong:  #2e3849;

  /* Text */
  --text-primary:   #e7eaf0;
  --text-secondary: #9aa3b2;
  --text-muted:     #6b7280;

  /* Accent — emerald */
  --accent:         #10b981;
  --accent-hover:   #34d399;
  --accent-press:   #059669;
  --accent-on:      #ffffff;

  /* Semantic */
  --danger:         #ef4444;
  --danger-hover:   #f87171;
  --warning:        #f59e0b;
  --info:           #38bdf8;

  /* Effects */
  --shadow-sm:      0 1px 2px rgba(0,0,0,0.4);
  --shadow-md:      0 6px 16px rgba(0,0,0,0.45);
  --radius-sm:      4px;
  --radius-md:      8px;
  --radius-lg:      12px;

  /* Typography */
  --font-sans: ui-sans-serif, -apple-system, "Inter", "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Fira Code", Consolas, monospace;

  /* Typographic scale (px) */
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 14px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;
}