:root{
  --font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --page-max:760px;
  --dock-height:72px;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:52px;

  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-pill:999px;

  --success:#1fa761;
  --danger:#b43d4a;
}

:root[data-theme="light"]{
  color-scheme:light;

  --canvas:#f8f6fb;
  --surface:#ffffff;
  --surface-soft:#f4f0fb;
  --surface-raised:#ffffff;
  --surface-hover:#f1eaff;
  --surface-active:#e9ddff;

  --text-primary:#191426;
  --text-secondary:#70697d;
  --text-disabled:#aaa3b4;

  --border-soft:#e8e2ec;
  --border-strong:#d6cddd;

  --accent:#7438f4;
  --accent-hover:#6630df;
  --accent-active:#5724c4;
  --accent-soft:#eee7ff;
  --accent-contrast:#ffffff;

  --button-primary-bg:#7438f4;
  --button-primary-hover:#6630df;
  --button-primary-active:#5724c4;
  --button-primary-text:#ffffff;
  --button-secondary-bg:#ffffff;
  --button-secondary-hover:#f3edff;
  --button-secondary-active:#e9deff;
  --button-secondary-text:#2d2041;
  --button-border:#d9d0e3;

  --shadow-sm:0 2px 8px rgba(56,35,84,.08);
  --shadow-md:0 12px 32px rgba(56,35,84,.10);
  --button-shadow:0 4px 12px rgba(84,46,145,.12);
  --focus-ring:rgba(116,56,244,.30);

  --text:var(--text-primary);
  --text-strong:var(--text-primary);
  --muted:var(--text-secondary);
  --subtle:var(--text-disabled);
  --border:var(--border-soft);
  --accent-strong:var(--accent-active);
  --shadow:var(--shadow-md);
}

:root[data-theme="dark"]{
  color-scheme:dark;

  --canvas:#170f22;
  --surface:#21162f;
  --surface-soft:#291a3a;
  --surface-raised:#302044;
  --surface-hover:#38264f;
  --surface-active:#432b60;

  --text-primary:#fbf8ff;
  --text-secondary:#c3b8d1;
  --text-disabled:#83758f;

  --border-soft:#3c2a4e;
  --border-strong:#5a3e70;

  --accent:#9b6cff;
  --accent-hover:#aa80ff;
  --accent-active:#8454e5;
  --accent-soft:#35234d;
  --accent-contrast:#ffffff;

  --button-primary-bg:#8d58f6;
  --button-primary-hover:#9d6cff;
  --button-primary-active:#7542d6;
  --button-primary-text:#ffffff;
  --button-secondary-bg:#2b1d3d;
  --button-secondary-hover:#38264f;
  --button-secondary-active:#432b60;
  --button-secondary-text:#f8f3ff;
  --button-border:#52396a;

  --shadow-sm:0 3px 10px rgba(4,2,8,.30);
  --shadow-md:0 14px 34px rgba(4,2,8,.38);
  --button-shadow:0 5px 16px rgba(6,3,12,.32);
  --focus-ring:rgba(175,132,255,.42);

  --text:var(--text-primary);
  --text-strong:var(--text-primary);
  --muted:var(--text-secondary);
  --subtle:var(--text-disabled);
  --border:var(--border-soft);
  --accent-strong:var(--accent-hover);
  --shadow:var(--shadow-md);
}