:root {
  /* Brand colors */
  --color-accent:          #2563eb;
  --color-accent-hover:    #1d4ed8;
  --color-accent-light:    #60a5fa;
  --color-accent-text:     #93c5fd;

  /* Backgrounds */
  --color-bg:              #111827;
  --color-bg-deep:         #0f172a;
  --color-bg-surface:      #1e293b;
  --color-bg-card:         #1f2937;
  --color-bg-input:        #0f172a;
  --color-bg-overlay:      rgba(15, 23, 42, 0.96);

  /* Text */
  --color-text:            #f9fafb;
  --color-text-secondary:  #e2e8f0;
  --color-text-muted:      #94a3b8;

  /* Borders */
  --color-border:          rgba(148, 163, 184, 0.14);
  --color-border-subtle:   rgba(148, 163, 184, 0.12);
  --color-border-input:    rgba(148, 163, 184, 0.2);

  /* Feedback */
  --color-error:           #f87171;
  --color-success:         #4ade80;
  --color-warning:         #fbbf24;

  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;

  /* Border radius */
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   18px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:   0 4px 16px rgba(15, 23, 42, 0.2);
  --shadow-md:   0 8px 32px rgba(15, 23, 42, 0.28);
  --shadow-lg:   0 24px 80px rgba(15, 23, 42, 0.35);

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

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
}