:root {
  --bg-page: #0B0E11;
  --bg-card: #1E2329;
  --bg-card-hover: #252B33;
  --bg-elevated: #2B3139;
  --bg-input: #181C20;
  --bg-dark: #080A0D;

  --text-ink: #EAECEF;
  --text-soft: #9aa4b2;
  --text-ghost: #626d7a;

  --accent: #E8541A;
  --accent-warm: #C9471A;
  --accent-pale: rgba(232, 84, 26, .10);
  --accent-glow: rgba(232, 84, 26, .25);

  --green: #0ECB81;
  --green-pale: rgba(14, 203, 129, .10);
  --red: #F6465D;
  --red-pale: rgba(246, 70, 93, .10);
  --blue: #3B82F6;
  --blue-pale: rgba(59, 130, 246, .10);
  --amber: #F0B90B;
  --amber-pale: rgba(240, 185, 11, .10);
  --purple: #A78BFA;
  --purple-pale: rgba(167, 139, 250, .10);

  --font-display: Georgia, 'Times New Roman', serif;
  --font-mono: ui-monospace, 'Cascadia Code', 'Fira Code', Consolas, monospace;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  --border: 1px solid rgba(255, 255, 255, .06);
  --border-strong: 1px solid rgba(255, 255, 255, .10);
  --border-accent: 1px solid rgba(232, 84, 26, .40);

  --shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);
  --shadow-accent: 0 0 20px rgba(232, 84, 26, .30), 0 4px 12px rgba(232, 84, 26, .15);
  --shadow-glow: 0 0 40px rgba(232, 84, 26, .12);

  --t-fast: .15s ease;
  --t-normal: .25s cubic-bezier(.4, 0, .2, 1);
  --t-slow: .4s cubic-bezier(.16, 1, .3, 1);

  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 24px;
  --s8: 32px;
  --s10: 40px;
  --s12: 48px;
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-2xl: 32px;
  --r-full: 9999px;
}