/* Workspace's design tokens, carried over from the app by tools/carry-tokens.mjs on 2026-10-27: 8 themes (Default, Ink, Fjord, Sorbet, Bloom, Ember, Moss, Stark), each a day and a night version. Generated: change the app's theme files and run the script again rather than editing this. Where the colours come from: THEME-CREDITS.md. */

/* Default */

:root {
  --bg: #FAF9F7;
  --surface: #FFFFFF;
  --surface-sunken: #F2F0EC;
  --fg: #1F1E1C;
  --fg-secondary: #6B6862;
  --fg-faint: #807C74;
  --border: #E8E5E0;
  --accent: #AD5531;
  --chart-1: #2A78D6;
  --chart-2: #EB6834;
  --chart-3: #1BAF7A;
  --chart-4: #EDA100;
  --chart-5: #E87BA4;
  --chart-6: #008300;
  --find-match: #FDE8C8;
  --find-current: #F5C46B;
  --on-accent: #FFFFFF;
  --accent-soft: #FAF0EA;
  --danger: #B4453A;
  --selection: #F3E0D5;
  --hover: #F1EEE9;
  --hover-sunken: #ECE9E4;
  --active: #E9E5DF;
  --code-bg: #F4F2EE;
  --highlight-bg: rgba(244, 214, 92, 0.45);
  --warning-bg: #FBF3DC;
  --cursor: #1F1E1C;
  --focus-ring: #AD5531;
  --external-change: rgba(173, 85, 49, 0.14);
  --disabled-opacity: 0.5;
  --syntax-heading: #1F1E1C;
  --syntax-emphasis: #1F1E1C;
  --syntax-marker: #9B978F;
  --syntax-link: #AD5531;
  --syntax-code: #8A5138;
  --syntax-quote: #6B6862;
  --code-keyword: #6F4FB4;
  --code-string: #4A7340;
  --code-number: #8A5D0F;
  --code-comment: #716C64;
  --code-function: #33639F;
  --code-type: #82601E;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --text-prose: 17px;
  --text-h3: 20px;
  --text-h2: 24px;
  --text-h1: 32px;
  --text-title: 40px;
  --leading-tight: 1.25;
  --leading-ui: 1.45;
  --leading-prose: 1.65;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --border-width: 1px;
  --shadow-float: 0 4px 16px rgba(31, 30, 28, 0.10), 0 1px 3px rgba(31, 30, 28, 0.06);
  --prose-measure-min: 68ch;
  --prose-measure-max: 92ch;
  --prose-measure-grow: 46cqw;
  --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
  --outline-width: 220px;
  --row-sidebar: 32px;
  --row-grid: 34px;
  --icon-size: 16px;
  --tabbar-height: 36px;
  --list-indent: 28px;
  --list-bullet-size: 6px;
  --list-bullet-rise: 0.26em;
  --duration-fast: 120ms;
  --duration-jump: 260ms;
  --duration-slow: 180ms;
  --easing: ease-out;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #1A1917;
    --surface: #232120;
    --surface-sunken: #151412;
    --fg: #EDEAE4;
    --fg-secondary: #A6A199;
    --fg-faint: #8A857D;
    --border: #302D2A;
    --accent: #D98A63;
    --chart-1: #3987E5;
    --chart-2: #D95926;
    --chart-3: #199E70;
    --chart-4: #C98500;
    --chart-5: #D55181;
    --chart-6: #008300;
    --find-match: #4A3A16;
    --find-current: #826420;
    --on-accent: #1A1917;
    --accent-soft: #3A2A21;
    --danger: #E8796C;
    --selection: #4A3527;
    --hover: #2A2725;
    --hover-sunken: #2A2725;
    --active: #2E2B27;
    --code-bg: #2A2826;
    --highlight-bg: rgba(240, 200, 60, 0.22);
    --warning-bg: #37301F;
    --cursor: #EDEAE4;
    --focus-ring: #D98A63;
    --external-change: rgba(217, 138, 99, 0.16);
    --disabled-opacity: 0.5;
    --syntax-heading: #EDEAE4;
    --syntax-emphasis: #EDEAE4;
    --syntax-marker: #6E6A63;
    --syntax-link: #D98A63;
    --syntax-code: #D99C7E;
    --syntax-quote: #A6A199;
    --code-keyword: #B08CE0;
    --code-string: #93BE82;
    --code-number: #D2A45C;
    --code-comment: #968F87;
    --code-function: #7FA9E0;
    --code-type: #CFA85C;
    --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --text-prose: 17px;
    --text-h3: 20px;
    --text-h2: 24px;
    --text-h1: 32px;
    --text-title: 40px;
    --leading-tight: 1.25;
    --leading-ui: 1.45;
    --leading-prose: 1.65;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --border-width: 1px;
    --shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.4);
    --prose-measure-min: 68ch;
    --prose-measure-max: 92ch;
    --prose-measure-grow: 46cqw;
    --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
    --outline-width: 220px;
    --row-sidebar: 32px;
    --row-grid: 34px;
    --icon-size: 16px;
    --tabbar-height: 36px;
    --list-indent: 28px;
    --list-bullet-size: 6px;
    --list-bullet-rise: 0.26em;
    --duration-fast: 120ms;
    --duration-jump: 260ms;
    --duration-slow: 180ms;
    --easing: ease-out;
    color-scheme: dark;
  }
}

/* Ink */

:root[data-style="ink"] {
  --bg: #F5F2EA;
  --surface: #F7F7F5;
  --surface-sunken: #EEE9DE;
  --fg: #232018;
  --fg-secondary: #675E47;
  --fg-faint: #747980;
  --border: #E5DFD1;
  --accent: #3167AD;
  --chart-1: #2A78D6;
  --chart-2: #EB6834;
  --chart-3: #1BAF7A;
  --chart-4: #EDA100;
  --chart-5: #E87BA4;
  --chart-6: #008300;
  --find-match: #FDE8C8;
  --find-current: #F5C46B;
  --on-accent: #FFFFFF;
  --accent-soft: #EAF1FA;
  --danger: #B4453A;
  --selection: #D5E2F3;
  --hover: #EDE8DB;
  --hover-sunken: #E9E3D5;
  --active: #E7E0CF;
  --code-bg: #F0EBE0;
  --highlight-bg: rgba(244, 214, 92, 0.45);
  --warning-bg: #FBF3DC;
  --cursor: #232018;
  --focus-ring: #3167AD;
  --external-change: rgba(49, 103, 173, 0.14);
  --disabled-opacity: 0.5;
  --syntax-heading: #232018;
  --syntax-emphasis: #232018;
  --syntax-marker: #8F949B;
  --syntax-link: #3167AD;
  --syntax-code: #385C8A;
  --syntax-quote: #796E54;
  --code-keyword: #6F4FB4;
  --code-string: #4A7340;
  --code-number: #8A5D0F;
  --code-comment: #646A71;
  --code-function: #33639F;
  --code-type: #1E4982;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --text-prose: 17px;
  --text-h3: 20px;
  --text-h2: 24px;
  --text-h1: 32px;
  --text-title: 40px;
  --leading-tight: 1.25;
  --leading-ui: 1.45;
  --leading-prose: 1.65;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --border-width: 1px;
  --shadow-float: 0 4px 16px rgba(31, 30, 28, 0.10), 0 1px 3px rgba(31, 30, 28, 0.06);
  --prose-measure-min: 68ch;
  --prose-measure-max: 92ch;
  --prose-measure-grow: 46cqw;
  --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
  --outline-width: 220px;
  --row-sidebar: 32px;
  --row-grid: 34px;
  --icon-size: 16px;
  --tabbar-height: 36px;
  --list-indent: 28px;
  --list-bullet-size: 6px;
  --list-bullet-rise: 0.26em;
  --duration-fast: 120ms;
  --duration-jump: 260ms;
  --duration-slow: 180ms;
  --easing: ease-out;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-style="ink"] {
    --bg: #14181D;
    --surface: #1C2027;
    --surface-sunken: #101317;
    --fg: #E1E7F0;
    --fg-secondary: #9EA5AB;
    --fg-faint: #82898F;
    --border: #252B35;
    --accent: #6BA9DB;
    --chart-1: #3987E5;
    --chart-2: #D95926;
    --chart-3: #199E70;
    --chart-4: #C98500;
    --chart-5: #D55181;
    --chart-6: #008300;
    --find-match: #4A3A16;
    --find-current: #7E611F;
    --on-accent: #14181D;
    --accent-soft: #253441;
    --danger: #E8796C;
    --selection: #2B4051;
    --hover: #20262F;
    --hover-sunken: #20262F;
    --active: #222933;
    --code-bg: #21272F;
    --highlight-bg: rgba(240, 200, 60, 0.22);
    --warning-bg: #37301F;
    --cursor: #E1E7F0;
    --focus-ring: #6BA9DB;
    --external-change: rgba(107, 169, 219, 0.16);
    --disabled-opacity: 0.5;
    --syntax-heading: #E1E7F0;
    --syntax-emphasis: #E1E7F0;
    --syntax-marker: #686E73;
    --syntax-link: #6BA9DB;
    --syntax-code: #86B5DB;
    --syntax-quote: #9EA5AB;
    --code-keyword: #B08CE0;
    --code-string: #93BE82;
    --code-number: #D2A45C;
    --code-comment: #8C949B;
    --code-function: #7FA9E0;
    --code-type: #64A0D1;
    --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --text-prose: 17px;
    --text-h3: 20px;
    --text-h2: 24px;
    --text-h1: 32px;
    --text-title: 40px;
    --leading-tight: 1.25;
    --leading-ui: 1.45;
    --leading-prose: 1.65;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --border-width: 1px;
    --shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.4);
    --prose-measure-min: 68ch;
    --prose-measure-max: 92ch;
    --prose-measure-grow: 46cqw;
    --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
    --outline-width: 220px;
    --row-sidebar: 32px;
    --row-grid: 34px;
    --icon-size: 16px;
    --tabbar-height: 36px;
    --list-indent: 28px;
    --list-bullet-size: 6px;
    --list-bullet-rise: 0.26em;
    --duration-fast: 120ms;
    --duration-jump: 260ms;
    --duration-slow: 180ms;
    --easing: ease-out;
    color-scheme: dark;
  }
}

/* Fjord */

:root[data-style="fjord"] {
  --bg: #ECEFF4;
  --surface: #F6F8FB;
  --surface-sunken: #E3E8EF;
  --fg: #2E3440;
  --fg-secondary: #4C566A;
  --fg-faint: #7B8394;
  --border: #D8DEE9;
  --accent: #4A6F9C;
  --chart-1: #2A78D6;
  --chart-2: #EB6834;
  --chart-3: #1BAF7A;
  --chart-4: #EDA100;
  --chart-5: #E87BA4;
  --chart-6: #008300;
  --find-match: #FDE8C8;
  --find-current: #F5C46B;
  --on-accent: #FFFFFF;
  --accent-soft: #DDE6F1;
  --danger: #A3424B;
  --selection: #CFDCEC;
  --hover: #E2E7EE;
  --hover-sunken: #D6DDE7;
  --active: #D8DEE9;
  --code-bg: #E5E9F0;
  --highlight-bg: rgba(244, 214, 92, 0.45);
  --warning-bg: #FBF3DC;
  --cursor: #2E3440;
  --focus-ring: #4A6F9C;
  --external-change: rgba(74, 111, 156, 0.14);
  --disabled-opacity: 0.5;
  --syntax-heading: #2E3440;
  --syntax-emphasis: #2E3440;
  --syntax-marker: #8F99AB;
  --syntax-link: #4A6F9C;
  --syntax-code: #3E6A7E;
  --syntax-quote: #4C566A;
  --code-keyword: #7E5B78;
  --code-string: #4F6E3A;
  --code-number: #9A4F33;
  --code-comment: #5F687A;
  --code-function: #356582;
  --code-type: #7A5D17;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --text-prose: 17px;
  --text-h3: 20px;
  --text-h2: 24px;
  --text-h1: 32px;
  --text-title: 40px;
  --leading-tight: 1.25;
  --leading-ui: 1.45;
  --leading-prose: 1.65;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --border-width: 1px;
  --shadow-float: 0 4px 16px rgba(31, 30, 28, 0.10), 0 1px 3px rgba(31, 30, 28, 0.06);
  --prose-measure-min: 68ch;
  --prose-measure-max: 92ch;
  --prose-measure-grow: 46cqw;
  --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
  --outline-width: 220px;
  --row-sidebar: 32px;
  --row-grid: 34px;
  --icon-size: 16px;
  --tabbar-height: 36px;
  --list-indent: 28px;
  --list-bullet-size: 6px;
  --list-bullet-rise: 0.26em;
  --duration-fast: 120ms;
  --duration-jump: 260ms;
  --duration-slow: 180ms;
  --easing: ease-out;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-style="fjord"] {
    --bg: #2E3440;
    --surface: #353C4A;
    --surface-sunken: #272C36;
    --fg: #ECEFF4;
    --fg-secondary: #B4BCCA;
    --fg-faint: #7B8394;
    --border: #434C5E;
    --accent: #88C0D0;
    --chart-1: #3987E5;
    --chart-2: #D95926;
    --chart-3: #199E70;
    --chart-4: #C98500;
    --chart-5: #D55181;
    --chart-6: #008300;
    --find-match: #4A3A16;
    --find-current: #866721;
    --on-accent: #2E3440;
    --accent-soft: #3A4A57;
    --danger: #E58E96;
    --selection: #45556A;
    --hover: #3B4252;
    --hover-sunken: #363D4A;
    --active: #434C5E;
    --code-bg: #353C4A;
    --highlight-bg: rgba(240, 200, 60, 0.22);
    --warning-bg: #37301F;
    --cursor: #ECEFF4;
    --focus-ring: #88C0D0;
    --external-change: rgba(136, 192, 208, 0.16);
    --disabled-opacity: 0.5;
    --syntax-heading: #ECEFF4;
    --syntax-emphasis: #ECEFF4;
    --syntax-marker: #616E88;
    --syntax-link: #88C0D0;
    --syntax-code: #8FBCBB;
    --syntax-quote: #B4BCCA;
    --code-keyword: #C9A5C3;
    --code-string: #A3BE8C;
    --code-number: #E0A08A;
    --code-comment: #A0A9BA;
    --code-function: #88C0D0;
    --code-type: #EBCB8B;
    --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --text-prose: 17px;
    --text-h3: 20px;
    --text-h2: 24px;
    --text-h1: 32px;
    --text-title: 40px;
    --leading-tight: 1.25;
    --leading-ui: 1.45;
    --leading-prose: 1.65;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --border-width: 1px;
    --shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.4);
    --prose-measure-min: 68ch;
    --prose-measure-max: 92ch;
    --prose-measure-grow: 46cqw;
    --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
    --outline-width: 220px;
    --row-sidebar: 32px;
    --row-grid: 34px;
    --icon-size: 16px;
    --tabbar-height: 36px;
    --list-indent: 28px;
    --list-bullet-size: 6px;
    --list-bullet-rise: 0.26em;
    --duration-fast: 120ms;
    --duration-jump: 260ms;
    --duration-slow: 180ms;
    --easing: ease-out;
    color-scheme: dark;
  }
}

/* Sorbet */

:root[data-style="sorbet"] {
  --bg: #EFF1F5;
  --surface: #F8F9FB;
  --surface-sunken: #E6E9EF;
  --fg: #4C4F69;
  --fg-secondary: #5F6279;
  --fg-faint: #8C8FA1;
  --border: #DCE0E8;
  --accent: #7A30D9;
  --chart-1: #2A78D6;
  --chart-2: #EB6834;
  --chart-3: #1BAF7A;
  --chart-4: #EDA100;
  --chart-5: #E87BA4;
  --chart-6: #008300;
  --find-match: #FDE8C8;
  --find-current: #F5C46B;
  --on-accent: #FFFFFF;
  --accent-soft: #EAE0FA;
  --danger: #C10E35;
  --selection: #DDD0F5;
  --hover: #E6E9EF;
  --hover-sunken: #DADEE6;
  --active: #DCE0E8;
  --code-bg: #E6E9EF;
  --highlight-bg: rgba(244, 214, 92, 0.45);
  --warning-bg: #FBF3DC;
  --cursor: #4C4F69;
  --focus-ring: #7A30D9;
  --external-change: rgba(122, 48, 217, 0.14);
  --disabled-opacity: 0.5;
  --syntax-heading: #4C4F69;
  --syntax-emphasis: #4C4F69;
  --syntax-marker: #9CA0B0;
  --syntax-link: #7A30D9;
  --syntax-code: #C0397A;
  --syntax-quote: #5F6279;
  --code-keyword: #7A30D9;
  --code-string: #2D761E;
  --code-number: #AF480A;
  --code-comment: #5F6279;
  --code-function: #1B5CDD;
  --code-type: #8F5C0F;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --text-prose: 17px;
  --text-h3: 20px;
  --text-h2: 24px;
  --text-h1: 32px;
  --text-title: 40px;
  --leading-tight: 1.25;
  --leading-ui: 1.45;
  --leading-prose: 1.65;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --border-width: 1px;
  --shadow-float: 0 4px 16px rgba(31, 30, 28, 0.10), 0 1px 3px rgba(31, 30, 28, 0.06);
  --prose-measure-min: 68ch;
  --prose-measure-max: 92ch;
  --prose-measure-grow: 46cqw;
  --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
  --outline-width: 220px;
  --row-sidebar: 32px;
  --row-grid: 34px;
  --icon-size: 16px;
  --tabbar-height: 36px;
  --list-indent: 28px;
  --list-bullet-size: 6px;
  --list-bullet-rise: 0.26em;
  --duration-fast: 120ms;
  --duration-jump: 260ms;
  --duration-slow: 180ms;
  --easing: ease-out;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-style="sorbet"] {
    --bg: #1E1E2E;
    --surface: #24243A;
    --surface-sunken: #181825;
    --fg: #CDD6F4;
    --fg-secondary: #A6ADC8;
    --fg-faint: #7F849C;
    --border: #313244;
    --accent: #CBA6F7;
    --chart-1: #3987E5;
    --chart-2: #D95926;
    --chart-3: #199E70;
    --chart-4: #C98500;
    --chart-5: #D55181;
    --chart-6: #008300;
    --find-match: #4A3A16;
    --find-current: #72581C;
    --on-accent: #1E1E2E;
    --accent-soft: #33294A;
    --danger: #F38BA8;
    --selection: #45395E;
    --hover: #2A2A3E;
    --hover-sunken: #25253A;
    --active: #313244;
    --code-bg: #24243A;
    --highlight-bg: rgba(240, 200, 60, 0.22);
    --warning-bg: #37301F;
    --cursor: #CDD6F4;
    --focus-ring: #CBA6F7;
    --external-change: rgba(203, 166, 247, 0.16);
    --disabled-opacity: 0.5;
    --syntax-heading: #CDD6F4;
    --syntax-emphasis: #CDD6F4;
    --syntax-marker: #585B70;
    --syntax-link: #CBA6F7;
    --syntax-code: #F5C2E7;
    --syntax-quote: #A6ADC8;
    --code-keyword: #CBA6F7;
    --code-string: #A6E3A1;
    --code-number: #FAB387;
    --code-comment: #9399B2;
    --code-function: #89B4FA;
    --code-type: #F9E2AF;
    --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --text-prose: 17px;
    --text-h3: 20px;
    --text-h2: 24px;
    --text-h1: 32px;
    --text-title: 40px;
    --leading-tight: 1.25;
    --leading-ui: 1.45;
    --leading-prose: 1.65;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --border-width: 1px;
    --shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.4);
    --prose-measure-min: 68ch;
    --prose-measure-max: 92ch;
    --prose-measure-grow: 46cqw;
    --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
    --outline-width: 220px;
    --row-sidebar: 32px;
    --row-grid: 34px;
    --icon-size: 16px;
    --tabbar-height: 36px;
    --list-indent: 28px;
    --list-bullet-size: 6px;
    --list-bullet-rise: 0.26em;
    --duration-fast: 120ms;
    --duration-jump: 260ms;
    --duration-slow: 180ms;
    --easing: ease-out;
    color-scheme: dark;
  }
}

/* Bloom */

:root[data-style="bloom"] {
  --bg: #FAF4ED;
  --surface: #FFFAF3;
  --surface-sunken: #F2E9E1;
  --fg: #46425F;
  --fg-secondary: #686480;
  --fg-faint: #9893A5;
  --border: #E8DFD7;
  --accent: #A2566C;
  --chart-1: #2A78D6;
  --chart-2: #EB6834;
  --chart-3: #1BAF7A;
  --chart-4: #EDA100;
  --chart-5: #E87BA4;
  --chart-6: #008300;
  --find-match: #FDE8C8;
  --find-current: #F5C46B;
  --on-accent: #FFFFFF;
  --accent-soft: #F5E3E3;
  --danger: #A8323F;
  --selection: #EDD6D8;
  --hover: #F2EAE2;
  --hover-sunken: #E8DDD4;
  --active: #ECE2D9;
  --code-bg: #F4EDE8;
  --highlight-bg: rgba(244, 214, 92, 0.45);
  --warning-bg: #FBF3DC;
  --cursor: #46425F;
  --focus-ring: #A2566C;
  --external-change: rgba(162, 86, 108, 0.14);
  --disabled-opacity: 0.5;
  --syntax-heading: #46425F;
  --syntax-emphasis: #46425F;
  --syntax-marker: #A6A1B5;
  --syntax-link: #A2566C;
  --syntax-code: #286983;
  --syntax-quote: #686480;
  --code-keyword: #286983;
  --code-string: #9A5F12;
  --code-number: #9F546A;
  --code-comment: #6C6883;
  --code-function: #377379;
  --code-type: #755E9A;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --text-prose: 17px;
  --text-h3: 20px;
  --text-h2: 24px;
  --text-h1: 32px;
  --text-title: 40px;
  --leading-tight: 1.25;
  --leading-ui: 1.45;
  --leading-prose: 1.65;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --border-width: 1px;
  --shadow-float: 0 4px 16px rgba(31, 30, 28, 0.10), 0 1px 3px rgba(31, 30, 28, 0.06);
  --prose-measure-min: 68ch;
  --prose-measure-max: 92ch;
  --prose-measure-grow: 46cqw;
  --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
  --outline-width: 220px;
  --row-sidebar: 32px;
  --row-grid: 34px;
  --icon-size: 16px;
  --tabbar-height: 36px;
  --list-indent: 28px;
  --list-bullet-size: 6px;
  --list-bullet-rise: 0.26em;
  --duration-fast: 120ms;
  --duration-jump: 260ms;
  --duration-slow: 180ms;
  --easing: ease-out;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-style="bloom"] {
    --bg: #191724;
    --surface: #1F1D2E;
    --surface-sunken: #15131F;
    --fg: #E0DEF4;
    --fg-secondary: #A29EBC;
    --fg-faint: #6E6A86;
    --border: #2A2740;
    --accent: #EBBCBA;
    --chart-1: #3987E5;
    --chart-2: #D95926;
    --chart-3: #199E70;
    --chart-4: #C98500;
    --chart-5: #D55181;
    --chart-6: #008300;
    --find-match: #4A3A16;
    --find-current: #7A5E1E;
    --on-accent: #191724;
    --accent-soft: #2E2633;
    --danger: #EB6F92;
    --selection: #403D52;
    --hover: #24213A;
    --hover-sunken: #211E31;
    --active: #2A273F;
    --code-bg: #1F1D2E;
    --highlight-bg: rgba(240, 200, 60, 0.22);
    --warning-bg: #37301F;
    --cursor: #E0DEF4;
    --focus-ring: #EBBCBA;
    --external-change: rgba(235, 188, 186, 0.16);
    --disabled-opacity: 0.5;
    --syntax-heading: #E0DEF4;
    --syntax-emphasis: #E0DEF4;
    --syntax-marker: #56526E;
    --syntax-link: #EBBCBA;
    --syntax-code: #9CCFD8;
    --syntax-quote: #A29EBC;
    --code-keyword: #C4A7E7;
    --code-string: #F6C177;
    --code-number: #EBBCBA;
    --code-comment: #908CAA;
    --code-function: #9CCFD8;
    --code-type: #7FB1C9;
    --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --text-prose: 17px;
    --text-h3: 20px;
    --text-h2: 24px;
    --text-h1: 32px;
    --text-title: 40px;
    --leading-tight: 1.25;
    --leading-ui: 1.45;
    --leading-prose: 1.65;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --border-width: 1px;
    --shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.4);
    --prose-measure-min: 68ch;
    --prose-measure-max: 92ch;
    --prose-measure-grow: 46cqw;
    --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
    --outline-width: 220px;
    --row-sidebar: 32px;
    --row-grid: 34px;
    --icon-size: 16px;
    --tabbar-height: 36px;
    --list-indent: 28px;
    --list-bullet-size: 6px;
    --list-bullet-rise: 0.26em;
    --duration-fast: 120ms;
    --duration-jump: 260ms;
    --duration-slow: 180ms;
    --easing: ease-out;
    color-scheme: dark;
  }
}

/* Ember */

:root[data-style="ember"] {
  --bg: #FBF1C7;
  --surface: #FDF6D9;
  --surface-sunken: #F2E5BC;
  --fg: #3C3836;
  --fg-secondary: #5F5650;
  --fg-faint: #928374;
  --border: #EBDBB2;
  --accent: #AF3A03;
  --chart-1: #2A78D6;
  --chart-2: #EB6834;
  --chart-3: #1BAF7A;
  --chart-4: #EDA100;
  --chart-5: #E87BA4;
  --chart-6: #008300;
  --find-match: #FDE8C8;
  --find-current: #F5C46B;
  --on-accent: #FFFFFF;
  --accent-soft: #F7E0BC;
  --danger: #9D0006;
  --selection: #F0D6A6;
  --hover: #F4E8BE;
  --hover-sunken: #E9DAAB;
  --active: #EEE0B4;
  --code-bg: #F4E9C1;
  --highlight-bg: rgba(244, 214, 92, 0.45);
  --warning-bg: #FBF3DC;
  --cursor: #3C3836;
  --focus-ring: #AF3A03;
  --external-change: rgba(175, 58, 3, 0.14);
  --disabled-opacity: 0.5;
  --syntax-heading: #3C3836;
  --syntax-emphasis: #3C3836;
  --syntax-marker: #A89984;
  --syntax-link: #AF3A03;
  --syntax-code: #8F3F71;
  --syntax-quote: #5F5650;
  --code-keyword: #9D0006;
  --code-string: #6A660C;
  --code-number: #8F3F71;
  --code-comment: #6F635A;
  --code-function: #3B6F50;
  --code-type: #076678;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --text-prose: 17px;
  --text-h3: 20px;
  --text-h2: 24px;
  --text-h1: 32px;
  --text-title: 40px;
  --leading-tight: 1.25;
  --leading-ui: 1.45;
  --leading-prose: 1.65;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --border-width: 1px;
  --shadow-float: 0 4px 16px rgba(31, 30, 28, 0.10), 0 1px 3px rgba(31, 30, 28, 0.06);
  --prose-measure-min: 68ch;
  --prose-measure-max: 92ch;
  --prose-measure-grow: 46cqw;
  --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
  --outline-width: 220px;
  --row-sidebar: 32px;
  --row-grid: 34px;
  --icon-size: 16px;
  --tabbar-height: 36px;
  --list-indent: 28px;
  --list-bullet-size: 6px;
  --list-bullet-rise: 0.26em;
  --duration-fast: 120ms;
  --duration-jump: 260ms;
  --duration-slow: 180ms;
  --easing: ease-out;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-style="ember"] {
    --bg: #282828;
    --surface: #32302F;
    --surface-sunken: #1D2021;
    --fg: #EBDBB2;
    --fg-secondary: #BDAE93;
    --fg-faint: #928374;
    --border: #3C3836;
    --accent: #FE8019;
    --chart-1: #3987E5;
    --chart-2: #D95926;
    --chart-3: #199E70;
    --chart-4: #C98500;
    --chart-5: #D55181;
    --chart-6: #008300;
    --find-match: #4A3A16;
    --find-current: #765B1D;
    --on-accent: #282828;
    --accent-soft: #3E2F22;
    --danger: #FB6C5C;
    --selection: #504945;
    --hover: #3A3735;
    --hover-sunken: #2B2D2D;
    --active: #3C3836;
    --code-bg: #32302F;
    --highlight-bg: rgba(240, 200, 60, 0.22);
    --warning-bg: #37301F;
    --cursor: #EBDBB2;
    --focus-ring: #FE8019;
    --external-change: rgba(254, 128, 25, 0.16);
    --disabled-opacity: 0.5;
    --syntax-heading: #EBDBB2;
    --syntax-emphasis: #EBDBB2;
    --syntax-marker: #665C54;
    --syntax-link: #FE8019;
    --syntax-code: #D3869B;
    --syntax-quote: #BDAE93;
    --code-keyword: #FB6C5C;
    --code-string: #B8BB26;
    --code-number: #D3869B;
    --code-comment: #A89984;
    --code-function: #8EC07C;
    --code-type: #FABD2F;
    --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --text-prose: 17px;
    --text-h3: 20px;
    --text-h2: 24px;
    --text-h1: 32px;
    --text-title: 40px;
    --leading-tight: 1.25;
    --leading-ui: 1.45;
    --leading-prose: 1.65;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --border-width: 1px;
    --shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.4);
    --prose-measure-min: 68ch;
    --prose-measure-max: 92ch;
    --prose-measure-grow: 46cqw;
    --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
    --outline-width: 220px;
    --row-sidebar: 32px;
    --row-grid: 34px;
    --icon-size: 16px;
    --tabbar-height: 36px;
    --list-indent: 28px;
    --list-bullet-size: 6px;
    --list-bullet-rise: 0.26em;
    --duration-fast: 120ms;
    --duration-jump: 260ms;
    --duration-slow: 180ms;
    --easing: ease-out;
    color-scheme: dark;
  }
}

/* Moss */

:root[data-style="moss"] {
  --bg: #F4F0D9;
  --surface: #FBF8E8;
  --surface-sunken: #EAE6CC;
  --fg: #3F4A4F;
  --fg-secondary: #5E6A5A;
  --fg-faint: #8A9483;
  --border: #DDD8BC;
  --accent: #5E7314;
  --chart-1: #2A78D6;
  --chart-2: #EB6834;
  --chart-3: #1BAF7A;
  --chart-4: #EDA100;
  --chart-5: #E87BA4;
  --chart-6: #008300;
  --find-match: #FDE8C8;
  --find-current: #F5C46B;
  --on-accent: #FFFFFF;
  --accent-soft: #E4E9C6;
  --danger: #B43B37;
  --selection: #DCE4B8;
  --hover: #EBE7CF;
  --hover-sunken: #DFDBC0;
  --active: #E2DEC4;
  --code-bg: #EDE9D1;
  --highlight-bg: rgba(244, 214, 92, 0.45);
  --warning-bg: #FBF3DC;
  --cursor: #3F4A4F;
  --focus-ring: #5E7314;
  --external-change: rgba(94, 115, 20, 0.14);
  --disabled-opacity: 0.5;
  --syntax-heading: #3F4A4F;
  --syntax-emphasis: #3F4A4F;
  --syntax-marker: #939F8E;
  --syntax-link: #5E7314;
  --syntax-code: #2E7763;
  --syntax-quote: #5E6A5A;
  --code-keyword: #A93A37;
  --code-string: #55690F;
  --code-number: #94527A;
  --code-comment: #616A5B;
  --code-function: #2E7461;
  --code-type: #80620A;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --text-prose: 17px;
  --text-h3: 20px;
  --text-h2: 24px;
  --text-h1: 32px;
  --text-title: 40px;
  --leading-tight: 1.25;
  --leading-ui: 1.45;
  --leading-prose: 1.65;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --border-width: 1px;
  --shadow-float: 0 4px 16px rgba(31, 30, 28, 0.10), 0 1px 3px rgba(31, 30, 28, 0.06);
  --prose-measure-min: 68ch;
  --prose-measure-max: 92ch;
  --prose-measure-grow: 46cqw;
  --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
  --outline-width: 220px;
  --row-sidebar: 32px;
  --row-grid: 34px;
  --icon-size: 16px;
  --tabbar-height: 36px;
  --list-indent: 28px;
  --list-bullet-size: 6px;
  --list-bullet-rise: 0.26em;
  --duration-fast: 120ms;
  --duration-jump: 260ms;
  --duration-slow: 180ms;
  --easing: ease-out;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-style="moss"] {
    --bg: #2D353B;
    --surface: #343F44;
    --surface-sunken: #272E33;
    --fg: #D3C6AA;
    --fg-secondary: #A3AE9F;
    --fg-faint: #7A8478;
    --border: #475258;
    --accent: #A7C080;
    --chart-1: #3987E5;
    --chart-2: #D95926;
    --chart-3: #199E70;
    --chart-4: #C98500;
    --chart-5: #D55181;
    --chart-6: #008300;
    --find-match: #4A3A16;
    --find-current: #664F19;
    --on-accent: #2D353B;
    --accent-soft: #3C4841;
    --danger: #EA8E90;
    --selection: #485743;
    --hover: #374247;
    --hover-sunken: #343D42;
    --active: #3D484D;
    --code-bg: #343F44;
    --highlight-bg: rgba(240, 200, 60, 0.20);
    --warning-bg: #37301F;
    --cursor: #D3C6AA;
    --focus-ring: #A7C080;
    --external-change: rgba(167, 192, 128, 0.16);
    --disabled-opacity: 0.5;
    --syntax-heading: #D3C6AA;
    --syntax-emphasis: #D3C6AA;
    --syntax-marker: #6B756B;
    --syntax-link: #A7C080;
    --syntax-code: #83C092;
    --syntax-quote: #A3AE9F;
    --code-keyword: #E69875;
    --code-string: #A7C080;
    --code-number: #D699B6;
    --code-comment: #A3AAA4;
    --code-function: #83C092;
    --code-type: #DBBC7F;
    --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --text-prose: 17px;
    --text-h3: 20px;
    --text-h2: 24px;
    --text-h1: 32px;
    --text-title: 40px;
    --leading-tight: 1.25;
    --leading-ui: 1.45;
    --leading-prose: 1.65;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --border-width: 1px;
    --shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.4);
    --prose-measure-min: 68ch;
    --prose-measure-max: 92ch;
    --prose-measure-grow: 46cqw;
    --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
    --outline-width: 220px;
    --row-sidebar: 32px;
    --row-grid: 34px;
    --icon-size: 16px;
    --tabbar-height: 36px;
    --list-indent: 28px;
    --list-bullet-size: 6px;
    --list-bullet-rise: 0.26em;
    --duration-fast: 120ms;
    --duration-jump: 260ms;
    --duration-slow: 180ms;
    --easing: ease-out;
    color-scheme: dark;
  }
}

/* Stark */

:root[data-style="stark"] {
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-sunken: #F0F0F0;
  --fg: #000000;
  --fg-secondary: #383838;
  --fg-faint: #6E6E6E;
  --border: #9A9A9A;
  --accent: #0040A8;
  --chart-1: #2A78D6;
  --chart-2: #EB6834;
  --chart-3: #1BAF7A;
  --chart-4: #EDA100;
  --chart-5: #E87BA4;
  --chart-6: #008300;
  --find-match: #FFE38A;
  --find-current: #FFB800;
  --on-accent: #FFFFFF;
  --accent-soft: #DCE8FA;
  --danger: #B00020;
  --selection: #B8D3FA;
  --hover: #EDEDED;
  --hover-sunken: #DCDCDC;
  --active: #E0E0E0;
  --code-bg: #F2F2F2;
  --highlight-bg: rgba(244, 214, 92, 0.45);
  --warning-bg: #FBF3DC;
  --cursor: #000000;
  --focus-ring: #0040A8;
  --external-change: rgba(0, 64, 168, 0.14);
  --disabled-opacity: 0.5;
  --syntax-heading: #000000;
  --syntax-emphasis: #000000;
  --syntax-marker: #707070;
  --syntax-link: #0040A8;
  --syntax-code: #7A1F9E;
  --syntax-quote: #383838;
  --code-keyword: #6A1B9A;
  --code-string: #1B5E20;
  --code-number: #8C3A00;
  --code-comment: #4D4D4D;
  --code-function: #0040A8;
  --code-type: #7A4B00;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --text-prose: 17px;
  --text-h3: 20px;
  --text-h2: 24px;
  --text-h1: 32px;
  --text-title: 40px;
  --leading-tight: 1.25;
  --leading-ui: 1.45;
  --leading-prose: 1.65;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --border-width: 1px;
  --shadow-float: 0 4px 16px rgba(31, 30, 28, 0.10), 0 1px 3px rgba(31, 30, 28, 0.06);
  --prose-measure-min: 68ch;
  --prose-measure-max: 92ch;
  --prose-measure-grow: 46cqw;
  --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
  --outline-width: 220px;
  --row-sidebar: 32px;
  --row-grid: 34px;
  --icon-size: 16px;
  --tabbar-height: 36px;
  --list-indent: 28px;
  --list-bullet-size: 6px;
  --list-bullet-rise: 0.26em;
  --duration-fast: 120ms;
  --duration-jump: 260ms;
  --duration-slow: 180ms;
  --easing: ease-out;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-style="stark"] {
    --bg: #000000;
    --surface: #0E0E0E;
    --surface-sunken: #000000;
    --fg: #FFFFFF;
    --fg-secondary: #D4D4D4;
    --fg-faint: #8F8F8F;
    --border: #707070;
    --accent: #7CC0FF;
    --chart-1: #3987E5;
    --chart-2: #D95926;
    --chart-3: #199E70;
    --chart-4: #C98500;
    --chart-5: #D55181;
    --chart-6: #008300;
    --find-match: #4D3A00;
    --find-current: #7A5A00;
    --on-accent: #000000;
    --accent-soft: #0F2A45;
    --danger: #FF7A7A;
    --selection: #1E4A7A;
    --hover: #1C1C1C;
    --hover-sunken: #262626;
    --active: #333333;
    --code-bg: #141414;
    --highlight-bg: rgba(240, 200, 60, 0.22);
    --warning-bg: #37301F;
    --cursor: #FFFFFF;
    --focus-ring: #7CC0FF;
    --external-change: rgba(124, 192, 255, 0.16);
    --disabled-opacity: 0.5;
    --syntax-heading: #FFFFFF;
    --syntax-emphasis: #FFFFFF;
    --syntax-marker: #8A8A8A;
    --syntax-link: #7CC0FF;
    --syntax-code: #E7A6FF;
    --syntax-quote: #D4D4D4;
    --code-keyword: #E7A6FF;
    --code-string: #9EE89E;
    --code-number: #FFC27A;
    --code-comment: #BDBDBD;
    --code-function: #7CC0FF;
    --code-type: #FFE07A;
    --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-prose: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --text-prose: 17px;
    --text-h3: 20px;
    --text-h2: 24px;
    --text-h1: 32px;
    --text-title: 40px;
    --leading-tight: 1.25;
    --leading-ui: 1.45;
    --leading-prose: 1.65;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --border-width: 1px;
    --shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.4);
    --prose-measure-min: 68ch;
    --prose-measure-max: 92ch;
    --prose-measure-grow: 46cqw;
    --prose-measure: clamp(var(--prose-measure-min), var(--prose-measure-grow), var(--prose-measure-max));
    --outline-width: 220px;
    --row-sidebar: 32px;
    --row-grid: 34px;
    --icon-size: 16px;
    --tabbar-height: 36px;
    --list-indent: 28px;
    --list-bullet-size: 6px;
    --list-bullet-rise: 0.26em;
    --duration-fast: 120ms;
    --duration-jump: 260ms;
    --duration-slow: 180ms;
    --easing: ease-out;
    color-scheme: dark;
  }
}