/* GENERATED by scripts/gen-theme.mjs. Do not edit by hand. Five design skins x light and dark. */
:root { color-scheme: light; --tab-h: 62px;
  --radius: 14px;
  --radius-sm: 10px;
  --radius-lg: 22px;
  --radius-btn: 11px;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Calibri, system-ui, sans-serif;
  --font-display: var(--font);
  --font-num: var(--font);
  --card-shadow: none;
  --card-blur: none;
  --shadow-hover: 0 6px 20px rgba(14,26,51,.08);
  --h-weight: 750;
  --h-track: -.02em;
  --eyebrow-case: none;
  --card-border-w: 1px;
  --card-line: var(--line);
  --btn-weight: 600;
  --chip-radius: 99px;
  --navy: #0E1A33;
  --navy-2: #1B2B4B;
  --ink: #0E1A33;
  --muted: #667391;
  --bg: #F5F7FB;
  --card: #FFFFFF;
  --surface: #FBFCFE;
  --surface-2: #F0F3F9;
  --line: #E3E7F0;
  --line-strong: #D5DBE8;
  --veil: rgba(14,26,51,.06);
  --sky: #4BBFE0;
  --sky-ink: #0A6C86;
  --sky-soft: #E4F5FA;
  --coral: #E85D5D;
  --coral-ink: #B23A3A;
  --coral-soft: #FCEDED;
  --gold: #F0B84A;
  --gold-ink: #7C5710;
  --gold-soft: #FDF3DC;
  --maroon: #7A1F2B;
  --slate: #5B6B8C;
  --slate-soft: #ECEFF5;
  --ok: #1F9D6B;
  --ok-ink: #11704B;
  --ok-soft: #E3F6EE;
  --primary: #0E1A33;
  --primary-2: #1B2B4B;
  --on-primary: #FFFFFF;
  --on-primary-2: #B9C6E4;
  --st-zon: #0E1A33;
  --on-zon: #FFFFFF;
  --icon: #8A96B3;
  --accent-ctl: #0E1A33;
  --chrome: #0E1A33;
  --on-chrome: #FFFFFF;
  --chrome-muted: #A9B6D3;
  --chrome-soft: #C9D3EA;
  --gate-bg: #0E1A33;
  --hero-bg: linear-gradient(135deg, #0E1A33, #1B2B4B);
  --term-bg: #0E1A33;
  --term-ink: #E8EEFB;
  --bar-bg: rgba(255,255,255,.94);
  --scrim: rgba(14,26,51,.55);
  --toast-bg: #0E1A33;
  --toast-ink: #FFFFFF;
  --c-sun: #1C9CC4;
  --c-wed: #4A3AA7;
  --c-warm: #EDA100;
  --bg-image: none;
  --modal-bg: #FFFFFF;
}
:root[data-theme="dark"] { color-scheme: dark;
  --navy: #E6ECFA;
  --navy-2: #C3CEE6;
  --ink: #E6ECFA;
  --muted: #93A1C0;
  --bg: #0B1426;
  --card: #131F36;
  --surface: #16233C;
  --surface-2: #1D2B47;
  --line: #25344F;
  --line-strong: #34455F;
  --veil: rgba(255,255,255,.07);
  --sky: #4BBFE0;
  --sky-ink: #7FD6F0;
  --sky-soft: #123349;
  --coral: #EE6B6B;
  --coral-ink: #FF9C9C;
  --coral-soft: #3A1F28;
  --gold: #F0B84A;
  --gold-ink: #F5CF7A;
  --gold-soft: #392E14;
  --maroon: #8E2A38;
  --slate: #8C9AB9;
  --slate-soft: #1F2D49;
  --ok: #34C58E;
  --ok-ink: #74E3B6;
  --ok-soft: #123428;
  --primary: #E6ECFA;
  --primary-2: #FFFFFF;
  --on-primary: #0B1426;
  --on-primary-2: #46557A;
  --st-zon: #DCE4F7;
  --on-zon: #0B1426;
  --icon: #6F7FA3;
  --accent-ctl: #4BBFE0;
  --chrome: #09101F;
  --on-chrome: #FFFFFF;
  --chrome-muted: #8F9FC2;
  --chrome-soft: #B3C0DC;
  --gate-bg: #070D19;
  --hero-bg: linear-gradient(135deg, #0F1C36, #17284A);
  --term-bg: #08101F;
  --term-ink: #E8EEFB;
  --bar-bg: rgba(19,31,54,.94);
  --scrim: rgba(3,8,18,.7);
  --toast-bg: #E6ECFA;
  --toast-ink: #0B1426;
  --c-sun: #4CC3E8;
  --c-wed: #A99BFF;
  --c-warm: #F2B53A;
  --bg-image: none;
  --modal-bg: #131F36;
}
:root[data-skin="midnight"] { color-scheme: light;
  --radius: 14px;
  --radius-sm: 10px;
  --radius-lg: 22px;
  --radius-btn: 11px;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Calibri, system-ui, sans-serif;
  --font-display: var(--font);
  --font-num: var(--font);
  --card-shadow: none;
  --card-blur: none;
  --shadow-hover: 0 6px 20px rgba(14,26,51,.08);
  --h-weight: 750;
  --h-track: -.02em;
  --eyebrow-case: none;
  --card-border-w: 1px;
  --card-line: var(--line);
  --btn-weight: 600;
  --chip-radius: 99px;
  --navy: #0E1A33;
  --navy-2: #1B2B4B;
  --ink: #0E1A33;
  --muted: #667391;
  --bg: #F5F7FB;
  --card: #FFFFFF;
  --surface: #FBFCFE;
  --surface-2: #F0F3F9;
  --line: #E3E7F0;
  --line-strong: #D5DBE8;
  --veil: rgba(14,26,51,.06);
  --sky: #4BBFE0;
  --sky-ink: #0A6C86;
  --sky-soft: #E4F5FA;
  --coral: #E85D5D;
  --coral-ink: #B23A3A;
  --coral-soft: #FCEDED;
  --gold: #F0B84A;
  --gold-ink: #7C5710;
  --gold-soft: #FDF3DC;
  --maroon: #7A1F2B;
  --slate: #5B6B8C;
  --slate-soft: #ECEFF5;
  --ok: #1F9D6B;
  --ok-ink: #11704B;
  --ok-soft: #E3F6EE;
  --primary: #0E1A33;
  --primary-2: #1B2B4B;
  --on-primary: #FFFFFF;
  --on-primary-2: #B9C6E4;
  --st-zon: #0E1A33;
  --on-zon: #FFFFFF;
  --icon: #8A96B3;
  --accent-ctl: #0E1A33;
  --chrome: #0E1A33;
  --on-chrome: #FFFFFF;
  --chrome-muted: #A9B6D3;
  --chrome-soft: #C9D3EA;
  --gate-bg: #0E1A33;
  --hero-bg: linear-gradient(135deg, #0E1A33, #1B2B4B);
  --term-bg: #0E1A33;
  --term-ink: #E8EEFB;
  --bar-bg: rgba(255,255,255,.94);
  --scrim: rgba(14,26,51,.55);
  --toast-bg: #0E1A33;
  --toast-ink: #FFFFFF;
  --c-sun: #1C9CC4;
  --c-wed: #4A3AA7;
  --c-warm: #EDA100;
  --bg-image: none;
  --modal-bg: #FFFFFF;
}
:root[data-skin="midnight"][data-theme="dark"] { color-scheme: dark;
  --navy: #E6ECFA;
  --navy-2: #C3CEE6;
  --ink: #E6ECFA;
  --muted: #93A1C0;
  --bg: #0B1426;
  --card: #131F36;
  --surface: #16233C;
  --surface-2: #1D2B47;
  --line: #25344F;
  --line-strong: #34455F;
  --veil: rgba(255,255,255,.07);
  --sky: #4BBFE0;
  --sky-ink: #7FD6F0;
  --sky-soft: #123349;
  --coral: #EE6B6B;
  --coral-ink: #FF9C9C;
  --coral-soft: #3A1F28;
  --gold: #F0B84A;
  --gold-ink: #F5CF7A;
  --gold-soft: #392E14;
  --maroon: #8E2A38;
  --slate: #8C9AB9;
  --slate-soft: #1F2D49;
  --ok: #34C58E;
  --ok-ink: #74E3B6;
  --ok-soft: #123428;
  --primary: #E6ECFA;
  --primary-2: #FFFFFF;
  --on-primary: #0B1426;
  --on-primary-2: #46557A;
  --st-zon: #DCE4F7;
  --on-zon: #0B1426;
  --icon: #6F7FA3;
  --accent-ctl: #4BBFE0;
  --chrome: #09101F;
  --on-chrome: #FFFFFF;
  --chrome-muted: #8F9FC2;
  --chrome-soft: #B3C0DC;
  --gate-bg: #070D19;
  --hero-bg: linear-gradient(135deg, #0F1C36, #17284A);
  --term-bg: #08101F;
  --term-ink: #E8EEFB;
  --bar-bg: rgba(19,31,54,.94);
  --scrim: rgba(3,8,18,.7);
  --toast-bg: #E6ECFA;
  --toast-ink: #0B1426;
  --c-sun: #4CC3E8;
  --c-wed: #A99BFF;
  --c-warm: #F2B53A;
  --bg-image: none;
  --modal-bg: #131F36;
}
:root[data-skin="sanctuary"] { color-scheme: light;
  --radius: 16px;
  --radius-sm: 11px;
  --radius-lg: 24px;
  --radius-btn: 12px;
  --font: 'Inter', system-ui, sans-serif;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-num: 'Fraunces', Georgia, serif;
  --card-shadow: 0 1px 2px rgba(74,44,20,.05), 0 8px 24px rgba(74,44,20,.05);
  --card-blur: none;
  --shadow-hover: 0 10px 30px rgba(74,44,20,.12);
  --h-weight: 600;
  --h-track: -.01em;
  --eyebrow-case: none;
  --card-border-w: 1px;
  --card-line: var(--line);
  --btn-weight: 600;
  --chip-radius: 99px;
  --navy: #2B1D14;
  --navy-2: #4A3626;
  --ink: #2B1D14;
  --muted: #7C6A58;
  --bg: #F6EFE2;
  --card: #FFFCF5;
  --surface: #FBF5E9;
  --surface-2: #F1E8D6;
  --line: #E8DDC8;
  --line-strong: #DACBAE;
  --veil: rgba(74,44,20,.07);
  --sky: #D4A23C;
  --sky-ink: #85590A;
  --sky-soft: #F8EBCB;
  --coral: #CE4B5B;
  --coral-ink: #A32D3D;
  --coral-soft: #FBE9EA;
  --gold: #E8A33A;
  --gold-ink: #7C4F0A;
  --gold-soft: #FCEED2;
  --maroon: #6B1E2E;
  --slate: #7B6B5C;
  --slate-soft: #EFE6D5;
  --ok: #3E8F5E;
  --ok-ink: #256B41;
  --ok-soft: #E4F1E6;
  --primary: #6B1E2E;
  --primary-2: #58182A;
  --on-primary: #FFF7EA;
  --on-primary-2: #E6C9C9;
  --st-zon: #6B1E2E;
  --on-zon: #FFF7EA;
  --icon: #A8957F;
  --accent-ctl: #6B1E2E;
  --chrome: #3A1420;
  --on-chrome: #FFF7EA;
  --chrome-muted: #D9B8B4;
  --chrome-soft: #EBD3CE;
  --gate-bg: linear-gradient(160deg, #3A1420, #6B1E2E);
  --hero-bg: linear-gradient(135deg, #4A1726, #7A2638);
  --term-bg: #2B1D14;
  --term-ink: #F6EFE2;
  --bar-bg: rgba(255,252,245,.95);
  --scrim: rgba(43,29,20,.55);
  --toast-bg: #2B1D14;
  --toast-ink: #FFF7EA;
  --c-sun: #B07A12;
  --c-wed: #6B1E2E;
  --c-warm: #C97B12;
  --bg-image: none;
  --modal-bg: #FFFCF5;
}
:root[data-skin="sanctuary"][data-theme="dark"] { color-scheme: dark;
  --navy: #F3E9D8;
  --navy-2: #D9CBB4;
  --ink: #F3E9D8;
  --muted: #B3A38E;
  --bg: #17110C;
  --card: #221A13;
  --surface: #271E16;
  --surface-2: #31261C;
  --line: #3A2D21;
  --line-strong: #4E3E2E;
  --veil: rgba(255,240,215,.07);
  --sky: #E0B04D;
  --sky-ink: #F0C770;
  --sky-soft: #3A2D12;
  --coral: #E0687A;
  --coral-ink: #F6A0AB;
  --coral-soft: #41202A;
  --gold: #EDB04A;
  --gold-ink: #F3CB7B;
  --gold-soft: #3B2C12;
  --maroon: #8C2C3E;
  --slate: #A8977F;
  --slate-soft: #2E241A;
  --ok: #5DBB82;
  --ok-ink: #8FD9AB;
  --ok-soft: #17301F;
  --primary: #E8B5B8;
  --primary-2: #F4CACC;
  --on-primary: #2B1019;
  --on-primary-2: #6B3A44;
  --st-zon: #E8B5B8;
  --on-zon: #2B1019;
  --icon: #8A7A66;
  --accent-ctl: #E0B04D;
  --chrome: #120C08;
  --on-chrome: #F3E9D8;
  --chrome-muted: #B3A38E;
  --chrome-soft: #D3C4AE;
  --gate-bg: linear-gradient(160deg, #120C08, #2A1119);
  --hero-bg: linear-gradient(135deg, #2A1119, #4A1B28);
  --term-bg: #100B07;
  --term-ink: #F3E9D8;
  --bar-bg: rgba(34,26,19,.95);
  --scrim: rgba(8,5,3,.7);
  --toast-bg: #F3E9D8;
  --toast-ink: #2B1D14;
  --c-sun: #E8B54F;
  --c-wed: #E8A0A8;
  --c-warm: #F0B050;
  --bg-image: none;
  --modal-bg: #221A13;
}
:root[data-skin="aurora"] { color-scheme: light;
  --radius: 20px;
  --radius-sm: 14px;
  --radius-lg: 28px;
  --radius-btn: 999px;
  --font: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-display: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-num: var(--font);
  --card-shadow: 0 8px 32px rgba(91,61,245,.10);
  --card-blur: blur(18px) saturate(1.4);
  --shadow-hover: 0 14px 40px rgba(91,61,245,.2);
  --h-weight: 800;
  --h-track: -.03em;
  --eyebrow-case: none;
  --card-border-w: 1px;
  --card-line: var(--line);
  --btn-weight: 600;
  --chip-radius: 99px;
  --navy: #1B1450;
  --navy-2: #3B3380;
  --ink: #1B1450;
  --muted: #6B6A9C;
  --bg: #EEF0FF;
  --card: rgba(255,255,255,.72);
  --surface: rgba(255,255,255,.6);
  --surface-2: rgba(255,255,255,.9);
  --line: rgba(120,110,220,.18);
  --line-strong: rgba(120,110,220,.3);
  --veil: rgba(91,61,245,.08);
  --sky: #18B4E8;
  --sky-ink: #0A6F94;
  --sky-soft: rgba(24,180,232,.16);
  --coral: #F2547D;
  --coral-ink: #B8264B;
  --coral-soft: rgba(242,84,125,.14);
  --gold: #F5A524;
  --gold-ink: #8A5300;
  --gold-soft: rgba(245,165,36,.18);
  --maroon: #8A1F4B;
  --slate: #7B79B0;
  --slate-soft: rgba(120,110,220,.12);
  --ok: #17B26A;
  --ok-ink: #0B7A47;
  --ok-soft: rgba(23,178,106,.16);
  --primary: #5B3DF5;
  --primary-2: #4A2EE0;
  --on-primary: #FFFFFF;
  --on-primary-2: #D8D0FF;
  --st-zon: #5B3DF5;
  --on-zon: #FFFFFF;
  --icon: #9A98C9;
  --accent-ctl: #5B3DF5;
  --chrome: rgba(27,20,80,.82);
  --on-chrome: #FFFFFF;
  --chrome-muted: #C4BFFF;
  --chrome-soft: #DCD8FF;
  --gate-bg: radial-gradient(900px 600px at 15% 10%, #7C5CFF 0%, transparent 60%), radial-gradient(800px 600px at 90% 90%, #18B4E8 0%, transparent 55%), #1B1450;
  --hero-bg: linear-gradient(135deg, #5B3DF5 0%, #18B4E8 100%);
  --term-bg: #1B1450;
  --term-ink: #EEF0FF;
  --bar-bg: rgba(255,255,255,.8);
  --scrim: rgba(27,20,80,.5);
  --toast-bg: #1B1450;
  --toast-ink: #FFFFFF;
  --c-sun: #0E8FC0;
  --c-wed: #5B3DF5;
  --c-warm: #E08A00;
  --bg-image: radial-gradient(700px 500px at 8% -5%, rgba(124,92,255,.35), transparent 60%), radial-gradient(700px 600px at 100% 8%, rgba(24,180,232,.30), transparent 60%), radial-gradient(800px 700px at 60% 110%, rgba(242,84,125,.22), transparent 60%);
  --modal-bg: rgba(250,250,255,.97);
}
:root[data-skin="aurora"][data-theme="dark"] { color-scheme: dark;
  --navy: #EDEBFF;
  --navy-2: #CFCBFF;
  --ink: #EDEBFF;
  --muted: #A3A1D6;
  --bg: #0C0A26;
  --card: rgba(255,255,255,.06);
  --surface: rgba(255,255,255,.05);
  --surface-2: rgba(255,255,255,.1);
  --line: rgba(170,160,255,.16);
  --line-strong: rgba(170,160,255,.28);
  --veil: rgba(255,255,255,.08);
  --sky: #3CC8F5;
  --sky-ink: #8EDFFA;
  --sky-soft: rgba(60,200,245,.16);
  --coral: #FF6B91;
  --coral-ink: #FFA3BB;
  --coral-soft: rgba(255,107,145,.16);
  --gold: #FFB84A;
  --gold-ink: #FFD58A;
  --gold-soft: rgba(255,184,74,.16);
  --maroon: #A02558;
  --slate: #9C9AD6;
  --slate-soft: rgba(170,160,255,.12);
  --ok: #3DDC97;
  --ok-ink: #85F0C0;
  --ok-soft: rgba(61,220,151,.15);
  --primary: #8E78FF;
  --primary-2: #A794FF;
  --on-primary: #0C0A26;
  --on-primary-2: #3A2F8A;
  --st-zon: #A794FF;
  --on-zon: #0C0A26;
  --icon: #7F7DB8;
  --accent-ctl: #8E78FF;
  --chrome: rgba(12,10,38,.78);
  --on-chrome: #FFFFFF;
  --chrome-muted: #A9A5F2;
  --chrome-soft: #CBC7FF;
  --gate-bg: radial-gradient(900px 600px at 15% 10%, #4B34C9 0%, transparent 60%), radial-gradient(800px 600px at 90% 90%, #0E7FA8 0%, transparent 55%), #0C0A26;
  --hero-bg: linear-gradient(135deg, #3B2AA8 0%, #0E7FA8 100%);
  --term-bg: #07061A;
  --term-ink: #EDEBFF;
  --bar-bg: rgba(12,10,38,.82);
  --scrim: rgba(4,3,18,.72);
  --toast-bg: #EDEBFF;
  --toast-ink: #0C0A26;
  --c-sun: #4DD3FF;
  --c-wed: #B3A2FF;
  --c-warm: #FFB84A;
  --bg-image: radial-gradient(700px 500px at 8% -5%, rgba(124,92,255,.30), transparent 60%), radial-gradient(700px 600px at 100% 8%, rgba(24,180,232,.20), transparent 60%), radial-gradient(800px 700px at 60% 110%, rgba(242,84,125,.16), transparent 60%);
  --modal-bg: rgba(24,20,62,.97);
}
:root[data-skin="editorial"] { color-scheme: light;
  --radius: 4px;
  --radius-sm: 3px;
  --radius-lg: 6px;
  --radius-btn: 3px;
  --font: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-num: 'IBM Plex Mono', ui-monospace, monospace;
  --card-shadow: none;
  --card-blur: none;
  --shadow-hover: 4px 4px 0 var(--ink);
  --h-weight: 700;
  --h-track: -.035em;
  --eyebrow-case: uppercase;
  --card-border-w: 1.5px;
  --card-line: var(--ink);
  --btn-weight: 700;
  --chip-radius: 3px;
  --navy: #0A0A0A;
  --navy-2: #2A2A2A;
  --ink: #0A0A0A;
  --muted: #6B6B66;
  --bg: #F3F2EE;
  --card: #FFFFFF;
  --surface: #FAFAF7;
  --surface-2: #ECEBE6;
  --line: #D9D8D2;
  --line-strong: #0A0A0A;
  --veil: rgba(0,0,0,.06);
  --sky: #1F4BFF;
  --sky-ink: #1F3FD1;
  --sky-soft: #E4E9FF;
  --coral: #E5381B;
  --coral-ink: #B42410;
  --coral-soft: #FDE9E5;
  --gold: #FFC400;
  --gold-ink: #6F5200;
  --gold-soft: #FFF4C7;
  --maroon: #8C1D0C;
  --slate: #6B6B66;
  --slate-soft: #ECEBE6;
  --ok: #0E9F6E;
  --ok-ink: #0A6B4A;
  --ok-soft: #DDF5EA;
  --primary: #0A0A0A;
  --primary-2: #2A2A2A;
  --on-primary: #FFFFFF;
  --on-primary-2: #BDBDB6;
  --st-zon: #0A0A0A;
  --on-zon: #FFFFFF;
  --icon: #8D8D86;
  --accent-ctl: #0A0A0A;
  --chrome: #0A0A0A;
  --on-chrome: #FFFFFF;
  --chrome-muted: #A6A6A0;
  --chrome-soft: #D0D0CA;
  --gate-bg: #F3F2EE;
  --hero-bg: #0A0A0A;
  --term-bg: #0A0A0A;
  --term-ink: #F3F2EE;
  --bar-bg: rgba(255,255,255,.96);
  --scrim: rgba(0,0,0,.6);
  --toast-bg: #0A0A0A;
  --toast-ink: #FFFFFF;
  --c-sun: #1F4BFF;
  --c-wed: #E5381B;
  --c-warm: #E0A800;
  --bg-image: none;
  --modal-bg: #FFFFFF;
}
:root[data-skin="editorial"][data-theme="dark"] { color-scheme: dark;
  --navy: #F5F5F0;
  --navy-2: #D4D4CE;
  --ink: #F5F5F0;
  --muted: #9A9A93;
  --bg: #0A0A0A;
  --card: #141414;
  --surface: #181818;
  --surface-2: #222222;
  --line: #2E2E2E;
  --line-strong: #F5F5F0;
  --veil: rgba(255,255,255,.08);
  --sky: #5B7BFF;
  --sky-ink: #9DB1FF;
  --sky-soft: #16204D;
  --coral: #FF5A3F;
  --coral-ink: #FF9A86;
  --coral-soft: #3A1A14;
  --gold: #FFC400;
  --gold-ink: #FFD84D;
  --gold-soft: #3A3000;
  --maroon: #A82A14;
  --slate: #9A9A93;
  --slate-soft: #262626;
  --ok: #2FD39A;
  --ok-ink: #7BE8BF;
  --ok-soft: #0F3326;
  --primary: #F5F5F0;
  --primary-2: #FFFFFF;
  --on-primary: #0A0A0A;
  --on-primary-2: #555550;
  --st-zon: #F5F5F0;
  --on-zon: #0A0A0A;
  --icon: #7A7A74;
  --accent-ctl: #5B7BFF;
  --chrome: #000000;
  --on-chrome: #FFFFFF;
  --chrome-muted: #9A9A93;
  --chrome-soft: #C8C8C2;
  --gate-bg: #0A0A0A;
  --hero-bg: #141414;
  --term-bg: #000000;
  --term-ink: #F5F5F0;
  --bar-bg: rgba(20,20,20,.96);
  --scrim: rgba(0,0,0,.75);
  --toast-bg: #F5F5F0;
  --toast-ink: #0A0A0A;
  --c-sun: #6F8BFF;
  --c-wed: #FF6B52;
  --c-warm: #FFC400;
  --bg-image: none;
  --modal-bg: #141414;
}
:root[data-skin="meadow"] { color-scheme: light;
  --radius: 22px;
  --radius-sm: 16px;
  --radius-lg: 30px;
  --radius-btn: 999px;
  --font: 'DM Sans', 'Inter', system-ui, sans-serif;
  --font-display: 'DM Sans', 'Inter', system-ui, sans-serif;
  --font-num: var(--font);
  --card-shadow: 0 2px 4px rgba(22,48,43,.04), 0 12px 32px rgba(22,48,43,.06);
  --card-blur: none;
  --shadow-hover: 0 14px 36px rgba(22,48,43,.14);
  --h-weight: 700;
  --h-track: -.025em;
  --eyebrow-case: none;
  --card-border-w: 1px;
  --card-line: var(--line);
  --btn-weight: 600;
  --chip-radius: 99px;
  --navy: #14332C;
  --navy-2: #2E524A;
  --ink: #14332C;
  --muted: #68827B;
  --bg: #EEF5F0;
  --card: #FFFFFF;
  --surface: #F6FAF7;
  --surface-2: #E6F0E9;
  --line: #DDEAE1;
  --line-strong: #C9DBCF;
  --veil: rgba(20,51,44,.06);
  --sky: #2BB39B;
  --sky-ink: #0D7766;
  --sky-soft: #DDF4EE;
  --coral: #EC6A5C;
  --coral-ink: #B03A2E;
  --coral-soft: #FDECE9;
  --gold: #F2B544;
  --gold-ink: #7A5510;
  --gold-soft: #FDF1D6;
  --maroon: #8C3A2E;
  --slate: #6F8A82;
  --slate-soft: #E8F0EB;
  --ok: #2BA36B;
  --ok-ink: #176E48;
  --ok-soft: #DDF3E6;
  --primary: #1F5C4E;
  --primary-2: #17483D;
  --on-primary: #FFFFFF;
  --on-primary-2: #BFE0D6;
  --st-zon: #1F5C4E;
  --on-zon: #FFFFFF;
  --icon: #8FA89F;
  --accent-ctl: #1F5C4E;
  --chrome: #14332C;
  --on-chrome: #FFFFFF;
  --chrome-muted: #A9CFC4;
  --chrome-soft: #C8E3DA;
  --gate-bg: linear-gradient(160deg, #14332C, #1F5C4E);
  --hero-bg: linear-gradient(135deg, #1F5C4E, #2BB39B);
  --term-bg: #14332C;
  --term-ink: #E8F5EE;
  --bar-bg: rgba(255,255,255,.94);
  --scrim: rgba(14,38,32,.55);
  --toast-bg: #14332C;
  --toast-ink: #FFFFFF;
  --c-sun: #0F8E7A;
  --c-wed: #5B4BC4;
  --c-warm: #E09A12;
  --bg-image: none;
  --modal-bg: #FFFFFF;
}
:root[data-skin="meadow"][data-theme="dark"] { color-scheme: dark;
  --navy: #E4F3EA;
  --navy-2: #BCD6CA;
  --ink: #E4F3EA;
  --muted: #8DA89C;
  --bg: #0A1A16;
  --card: #112520;
  --surface: #142B25;
  --surface-2: #1B362F;
  --line: #21403A;
  --line-strong: #2F574E;
  --veil: rgba(200,255,230,.07);
  --sky: #3CCDB2;
  --sky-ink: #7FE3CF;
  --sky-soft: #123A33;
  --coral: #F07A6C;
  --coral-ink: #FFA799;
  --coral-soft: #3B1F1B;
  --gold: #F2B544;
  --gold-ink: #F6D07E;
  --gold-soft: #38300F;
  --maroon: #9A4034;
  --slate: #86A398;
  --slate-soft: #1A332C;
  --ok: #43C98A;
  --ok-ink: #86E4B5;
  --ok-soft: #123525;
  --primary: #7FE3CF;
  --primary-2: #A3F0DF;
  --on-primary: #07201B;
  --on-primary-2: #2F6E60;
  --st-zon: #A3F0DF;
  --on-zon: #07201B;
  --icon: #6B8A7E;
  --accent-ctl: #3CCDB2;
  --chrome: #071410;
  --on-chrome: #FFFFFF;
  --chrome-muted: #8DB8AA;
  --chrome-soft: #B3D6CA;
  --gate-bg: linear-gradient(160deg, #071410, #123A33);
  --hero-bg: linear-gradient(135deg, #123A33, #1B6B5B);
  --term-bg: #06120F;
  --term-ink: #E4F3EA;
  --bar-bg: rgba(17,37,32,.95);
  --scrim: rgba(2,10,8,.72);
  --toast-bg: #E4F3EA;
  --toast-ink: #0A1A16;
  --c-sun: #4FD6BD;
  --c-wed: #B5A9FF;
  --c-warm: #F2B544;
  --bg-image: none;
  --modal-bg: #112520;
}