/* Fullstars — variables generadas de tokens.json (claro por defecto, oscuro con data-theme="dark") */
:root, [data-theme="light"] {
  --bg: #EDF3F0;
  --surface: #FFFFFF;
  --surface-muted: #F4F8F5;
  --line: #DDE6E1;
  --line-strong: #7F8C86;
  --ink: #12201D;
  --ink-muted: #4E5E58;
  --ink-disabled: #A0ABA6;
  --lime: #D5FF40;
  --lime-hover: #C8F52A;
  --lime-soft: #EEFBC4;
  --green-ink: #00705E;
  --on-lime: #151714;
  --teal: #2DD4BF;
  --teal-soft: #DDF7F1;
  --teal-ink: #0B6E74;
  --lime-1: #F1FF8F;
  --lime-2: #D5FF40;
  --lime-3: #A4EC5A;
  --deep-1: #147784;
  --deep-2: #0B4A55;
  --deep-3: #06333B;
  --glass: rgba(255,255,255,0.56);
  --glass-hi: rgba(255,255,255,0.82);
  --glass-lo: rgba(255,255,255,0.40);
  --glass-muted: rgba(255,255,255,0.50);
  --glass-border: rgba(255,255,255,0.78);
  --aurora-1: rgba(213,255,64,0.50);
  --aurora-2: rgba(45,212,191,0.38);
  --aurora-3: rgba(74,222,128,0.34);
  --aurora-4: rgba(56,189,248,0.20);
  --inverse: #0B4A55;
  --inverse-hover: #0F5A66;
  --on-inverse: #FFFFFF;
  --inverse-accent: #D5FF40;
  --switch-on: #0B4A55;
  --switch-knob-on: #D5FF40;
  --success: #1D7A3B;
  --success-soft: #E1F4E6;
  --warning: #8A5800;
  --warning-soft: #FFF0C4;
  --danger: #BF321E;
  --danger-soft: #FDE6E1;
  --data-1: #0C9478;
  --data-2: #0B4A55;
  --data-track: #E2EBE6;
  --shadow-card: inset 0 1px 0 #ffffffcc, 0 1px 2px #0b4a5510, 0 12px 32px -12px #0b4a552e;
  --shadow-float: inset 0 1px 0 #ffffff40, 0 16px 40px -10px #0b4a5559;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0b4a55;
  --shadow-lime: inset 0 1px 0 #ffffffb3, 0 6px 18px -6px #8ccc1a80;
  --shadow-deep: inset 0 1px 0 #ffffff33, 0 8px 22px -8px #0b4a5599;
}
[data-theme="dark"] {
  --bg: #0B1312;
  --surface: #142020;
  --surface-muted: #1A2928;
  --line: #263634;
  --line-strong: #6E807B;
  --ink: #EEF4F1;
  --ink-muted: #A3B3AE;
  --ink-disabled: #56645F;
  --lime: #D5FF40;
  --lime-hover: #E2FF6E;
  --lime-soft: #2A3A12;
  --green-ink: #6EE7B7;
  --on-lime: #151714;
  --teal: #2DD4BF;
  --teal-soft: #123430;
  --teal-ink: #5EEAD4;
  --lime-1: #F1FF8F;
  --lime-2: #D5FF40;
  --lime-3: #A4EC5A;
  --deep-1: #FFFFFF;
  --deep-2: #EEF4F1;
  --deep-3: #D6E6E1;
  --glass: rgba(24,38,37,0.55);
  --glass-hi: rgba(255,255,255,0.07);
  --glass-lo: rgba(20,32,31,0.45);
  --glass-muted: rgba(255,255,255,0.04);
  --glass-border: rgba(255,255,255,0.10);
  --aurora-1: rgba(213,255,64,0.12);
  --aurora-2: rgba(45,212,191,0.18);
  --aurora-3: rgba(74,222,128,0.12);
  --aurora-4: rgba(56,189,248,0.10);
  --inverse: #EEF4F1;
  --inverse-hover: #D6E6E1;
  --on-inverse: #0B1312;
  --inverse-accent: #0B6E74;
  --switch-on: #D5FF40;
  --switch-knob-on: #151714;
  --success: #6FD38D;
  --success-soft: #16301F;
  --warning: #F2BE55;
  --warning-soft: #352A10;
  --danger: #FF8A75;
  --danger-soft: #3A1A14;
  --data-1: #34D3B0;
  --data-2: #C8F560;
  --data-track: #22312F;
  --shadow-card: inset 0 1px 0 #ffffff12, 0 12px 32px -12px #000000b3;
  --shadow-float: 0 16px 40px -8px #000000cc;
  --focus-ring: 0 0 0 2px #142020, 0 0 0 4px #d5ff40;
  --shadow-lime: inset 0 1px 0 #ffffffb3, 0 6px 18px -6px #d5ff4040;
  --shadow-deep: inset 0 1px 0 #ffffffcc, 0 8px 22px -8px #00000099;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --container: 1120px;
  --sidebar: 248px;
  --control-sm: 32px;
  --control: 40px;
  --control-lg: 48px;
  --blur-glass: 24px;
  --blur-float: 16px;
  --font-display: "Poppins", "Avenir Next", system-ui, sans-serif;
  --font-sans: "Manrope", "Avenir Next", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

/* ---------- Añadidos de la app (no estaban en el diseño original) ---------- */
:root, [data-theme="light"] { --scrim: #06333b66; }
[data-theme="dark"] { --scrim: #000000a6; }
:root {
  --shell: 1392px; --main-min: 560px; --dialog: 480px; --dialog-wide: 640px; --scroll-max: 420px;
  --field-short: 180px; --select-min: 170px; --col-min: 220px; --col-wide: 260px; --check-col: 44px;
  --split-min: 360px; --split-wide: 400px; --avatar: 52px; --checkcard-min: 200px; --card-min: 320px;
  --orb: 380px; --orb-lg: 420px; --hero-min: 440px; --search-w: 280px; --days-w: 72px;
  --tall-max: 600px; --step-tall: 220px; --input-lg: 44px; --tiny-min: 140px; --mini-min: 130px; --aside-max: 520px;
  --public: 1180px; --auth: 440px; --prose: 72ch;
}