:root {
  color-scheme: light;
  --font-family-base:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: clamp(2rem, 4.5vw, 3.25rem);
  --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;
  --color-background: #f5f6fb;
  --color-surface: #fff;
  --color-surface-soft: #f8f8fc;
  --color-surface-muted: #f0f1f7;
  --color-surface-elevated: #fff;
  --color-sidebar: #17182a;
  --color-sidebar-soft: #23243b;
  --color-text: #191a2b;
  --color-text-soft: #34374a;
  --color-muted: #686c7d;
  --color-muted-strong: #4d5163;
  --color-primary: #6558f5;
  --color-primary-hover: #574ae9;
  --color-primary-strong: #4f46e5;
  --color-primary-soft: #eeeafd;
  --color-border: #e1e3ec;
  --color-border-strong: #cfd2df;
  --color-focus: #766bff;
  --color-overlay: rgb(8 9 18 / 58%);
  --color-info: #245fc4;
  --color-info-soft: #eaf1ff;
  --color-success: #176b4a;
  --color-success-soft: #e7f7ef;
  --color-warning: #875100;
  --color-warning-soft: #fff4db;
  --color-danger: #c23b4d;
  --color-danger-hover: #ab2f40;
  --color-danger-soft: #fdecef;
  --color-state-not-started: #596174;
  --color-state-not-started-soft: #eef0f4;
  --color-state-studying: #3f55c6;
  --color-state-studying-soft: #e9edff;
  --color-state-studied: #0f6c89;
  --color-state-studied-soft: #e4f5fa;
  --color-state-reinforcement: #875000;
  --color-state-reinforcement-soft: #fff1d9;
  --color-state-consolidated: #176b4a;
  --color-state-consolidated-soft: #e5f6ed;
  --color-accent-blue: #2f6fda;
  --color-accent-blue-soft: #e9f1ff;
  --color-accent-green: #227b57;
  --color-accent-green-soft: #e5f6ed;
  --color-accent-yellow: #9a650d;
  --color-accent-yellow-soft: #fff3d7;
  --color-accent-red: #b73849;
  --color-accent-red-soft: #fdebed;
  --color-accent-purple: #5c50ec;
  --color-accent-purple-soft: #edeafd;
  --color-accent-orange: #bd5d24;
  --color-accent-orange-soft: #ffefe4;
  --color-accent-gray: #626a7c;
  --color-accent-gray-soft: #eceef3;
  --radius-xs: 0.5rem;
  --radius-small: 0.7rem;
  --radius-medium: 0.95rem;
  --radius-large: 1.2rem;
  --radius-xl: 1.5rem;
  --radius-pill: 999px;
  --shadow-soft: 0 1rem 3rem rgb(28 29 45 / 8%);
  --shadow-card: 0 0.6rem 1.8rem rgb(28 29 45 / 6%);
  --shadow-overlay: 0 1.5rem 5rem rgb(8 9 18 / 24%);
  --sidebar-width: 17.5rem;
  --content-max-width: 90rem;
  --control-height-sm: 2.25rem;
  --control-height-md: 2.75rem;
  --control-height-lg: 3.15rem;
  --touch-target-min: 2.75rem;
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --transition-fast: 160ms ease;
  --transition-medium: 220ms ease;
  --z-sidebar: 30;
  --z-backdrop: 20;
  --z-overlay: 70;
  --z-toast: 90;
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --color-background: #0f1019;
  --color-surface: #181a28;
  --color-surface-soft: #1d1f2f;
  --color-surface-muted: #242637;
  --color-surface-elevated: #202231;
  --color-sidebar: #12131f;
  --color-sidebar-soft: #202235;
  --color-text: #f5f6fb;
  --color-text-soft: #e2e4ee;
  --color-muted: #b6b9c8;
  --color-muted-strong: #d2d4de;
  --color-primary: #766bff;
  --color-primary-hover: #887fff;
  --color-primary-strong: #8b82ff;
  --color-primary-soft: #2a2748;
  --color-border: #303345;
  --color-border-strong: #41455b;
  --color-focus: #9e96ff;
  --color-overlay: rgb(3 4 10 / 74%);
  --color-info: #7aa2ff;
  --color-info-soft: #202d4c;
  --color-success: #6fc79e;
  --color-success-soft: #1c3b30;
  --color-warning: #e9b863;
  --color-warning-soft: #42351e;
  --color-danger: #f08795;
  --color-danger-hover: #ff9eaa;
  --color-danger-soft: #46242c;
  --color-state-not-started: #b4b9c9;
  --color-state-not-started-soft: #2a2d3b;
  --color-state-studying: #9ba9ff;
  --color-state-studying-soft: #283055;
  --color-state-studied: #73c4dd;
  --color-state-studied-soft: #1d3944;
  --color-state-reinforcement: #efbd6c;
  --color-state-reinforcement-soft: #45351d;
  --color-state-consolidated: #78caa5;
  --color-state-consolidated-soft: #203b31;
  --color-accent-blue: #82aaff;
  --color-accent-blue-soft: #202f50;
  --color-accent-green: #74cda3;
  --color-accent-green-soft: #1d3c30;
  --color-accent-yellow: #efbd69;
  --color-accent-yellow-soft: #42351e;
  --color-accent-red: #f18a98;
  --color-accent-red-soft: #47252d;
  --color-accent-purple: #9c94ff;
  --color-accent-purple-soft: #2d294e;
  --color-accent-orange: #f1a06f;
  --color-accent-orange-soft: #472f24;
  --color-accent-gray: #c0c5d3;
  --color-accent-gray-soft: #2b2e3c;
  --shadow-soft: none;
  --shadow-card: none;
  --shadow-overlay: 0 1.5rem 5rem rgb(0 0 0 / 38%);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']):not([data-theme='dark']) {
    color-scheme: dark;
    --color-background: #0f1019;
    --color-surface: #181a28;
    --color-surface-soft: #1d1f2f;
    --color-surface-muted: #242637;
    --color-surface-elevated: #202231;
    --color-sidebar: #12131f;
    --color-sidebar-soft: #202235;
    --color-text: #f5f6fb;
    --color-text-soft: #e2e4ee;
    --color-muted: #b6b9c8;
    --color-muted-strong: #d2d4de;
    --color-primary: #766bff;
    --color-primary-hover: #887fff;
    --color-primary-strong: #8b82ff;
    --color-primary-soft: #2a2748;
    --color-border: #303345;
    --color-border-strong: #41455b;
    --color-focus: #9e96ff;
    --color-overlay: rgb(3 4 10 / 74%);
    --color-info: #7aa2ff;
    --color-info-soft: #202d4c;
    --color-success: #6fc79e;
    --color-success-soft: #1c3b30;
    --color-warning: #e9b863;
    --color-warning-soft: #42351e;
    --color-danger: #f08795;
    --color-danger-soft: #46242c;
    --color-state-not-started: #b4b9c9;
    --color-state-not-started-soft: #2a2d3b;
    --color-state-studying: #9ba9ff;
    --color-state-studying-soft: #283055;
    --color-state-studied: #73c4dd;
    --color-state-studied-soft: #1d3944;
    --color-state-reinforcement: #efbd6c;
    --color-state-reinforcement-soft: #45351d;
    --color-state-consolidated: #78caa5;
    --color-state-consolidated-soft: #203b31;
    --color-accent-blue: #82aaff;
    --color-accent-blue-soft: #202f50;
    --color-accent-green: #74cda3;
    --color-accent-green-soft: #1d3c30;
    --color-accent-yellow: #efbd69;
    --color-accent-yellow-soft: #42351e;
    --color-accent-red: #f18a98;
    --color-accent-red-soft: #47252d;
    --color-accent-purple: #9c94ff;
    --color-accent-purple-soft: #2d294e;
    --color-accent-orange: #f1a06f;
    --color-accent-orange-soft: #472f24;
    --color-accent-gray: #c0c5d3;
    --color-accent-gray-soft: #2b2e3c;
    --shadow-soft: none;
    --shadow-card: none;
  }
}