/* ========================================================================== 
   Revision Design System — Variables globales
   ========================================================================== */

:root,
[data-theme="dark"] {
  --bg-primary: #070b14;
  --bg-secondary: #0c1220;
  --bg-elevated: #101827;
  --surface-primary: rgba(18, 27, 44, 0.92);
  --surface-secondary: rgba(25, 36, 57, 0.92);
  --surface-hover: rgba(37, 51, 78, 0.96);
  --surface-glass: rgba(15, 23, 42, 0.72);

  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #8190a8;

  --accent: #7c6df2;
  --accent-hover: #9184ff;
  --accent-strong: #6958e8;
  --accent-soft: rgba(124, 109, 242, 0.16);
  --accent-softer: rgba(124, 109, 242, 0.08);

  --success: #2dd4bf;
  --success-soft: rgba(45, 212, 191, 0.13);
  --error: #fb7185;
  --error-soft: rgba(251, 113, 133, 0.13);
  --warning: #fbbf24;
  --warning-soft: rgba(251, 191, 36, 0.13);
  --info: #38bdf8;
  --info-soft: rgba(56, 189, 248, 0.13);

  --border: rgba(148, 163, 184, 0.13);
  --border-strong: rgba(148, 163, 184, 0.28);
  --header-bg: rgba(7, 11, 20, 0.78);

  --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.16);
  --shadow-md: 0 18px 48px rgba(0, 0, 0, 0.26);
  --shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.34);
  --shadow-accent: 0 14px 36px rgba(124, 109, 242, 0.22);
}

[data-theme="light"] {
  --bg-primary: #f5f7fb;
  --bg-secondary: #eef2f8;
  --bg-elevated: #ffffff;
  --surface-primary: rgba(255, 255, 255, 0.94);
  --surface-secondary: #f8fafc;
  --surface-hover: #f0efff;
  --surface-glass: rgba(255, 255, 255, 0.78);

  --text-primary: #172033;
  --text-secondary: #4b5a73;
  --text-muted: #75839a;

  --accent: #6455df;
  --accent-hover: #5546d3;
  --accent-strong: #4d3fc4;
  --accent-soft: rgba(100, 85, 223, 0.11);
  --accent-softer: rgba(100, 85, 223, 0.055);

  --success: #0f9f8f;
  --success-soft: rgba(15, 159, 143, 0.10);
  --error: #e2556b;
  --error-soft: rgba(226, 85, 107, 0.10);
  --warning: #c98a13;
  --warning-soft: rgba(201, 138, 19, 0.10);
  --info: #1785c1;
  --info-soft: rgba(23, 133, 193, 0.10);

  --border: rgba(74, 91, 119, 0.12);
  --border-strong: rgba(74, 91, 119, 0.24);
  --header-bg: rgba(245, 247, 251, 0.82);

  --shadow-sm: 0 8px 22px rgba(35, 45, 70, 0.07);
  --shadow-md: 0 18px 46px rgba(35, 45, 70, 0.10);
  --shadow-lg: 0 28px 70px rgba(35, 45, 70, 0.14);
  --shadow-accent: 0 14px 34px rgba(100, 85, 223, 0.18);
}

:root {
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --transition-fast: 150ms cubic-bezier(.2,.7,.2,1);
  --transition-normal: 240ms cubic-bezier(.2,.7,.2,1);

  --content-width: 1180px;
  --quiz-width: 820px;
}