/* Generated by tools/build-tokens.mjs from docs/tokens.json (Tessel revision 3). Do not edit. */
:root {
  --font-body: 'Segoe UI', system-ui, sans-serif;
  --font-mono: Consolas, 'Cascadia Mono', 'Courier New', monospace;
  --font-size-caption: 11px;
  --font-size-dense: 12px;
  --font-size-label: 13px;
  --font-size-body: 16px;
  --font-size-section: 18px;
  --font-size-title: 24px;
  --font-size-display: 32px;
  --line-height-label: 1.25;
  --line-height-body: 1.5;
  --line-height-dense: 1.2;
  --line-height-title: 1.2;
  --letter-spacing-body: 0em;
  --letter-spacing-caps-label: 0.02em;
  --control-gap: 8px;
  --group-gap: 16px;
  --section-gap: 24px;
  --touch-target: 44px;
  --motion-short: 120ms;
  --motion-panel: 180ms;
  --motion-hover: 80ms;
  --motion-press: 60ms;
  --motion-expand: 160ms;
  --motion-drawer: 180ms;
  --motion-toast: 120ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --surface-1: var(--bg);
  --surface-2: var(--surface);
  --surface-3: var(--raised);
  --surface-4: var(--selected);
  --focus-outline-width: 2px;
  --focus-outline-offset: 2px;
  --focus-inset-width: 2px;
  --focus-inset-offset: -2px;
  --selection-indicator-tint-1: color-mix(in oklab, var(--selection-indicator) 8%, var(--bg));
  --selection-indicator-tint-2: color-mix(in oklab, var(--selection-indicator) 16%, var(--bg));
  --selection-indicator-tint-3: color-mix(in oklab, var(--selection-indicator) 24%, var(--bg));
  --action-tint-1: color-mix(in oklab, var(--action) 8%, var(--bg));
  --action-tint-2: color-mix(in oklab, var(--action) 16%, var(--bg));
  --action-tint-3: color-mix(in oklab, var(--action) 24%, var(--bg));
  --bg: #1B1B1D;
  --surface: #1F1F22;
  --raised: #232326;
  --selected: #2A2A2F;
  --fg: #E6E3E1;
  --muted: #89868A;
  --border: #76767C;
  --accent: #960018;
  --accent-foreground: #E6E3E1;
  --selection-indicator: #960018;
  --focus: #960018;
  --action: #960018;
  --action-hover: #A81226;
  --action-pressed: #7E0014;
  --action-foreground: #FFFFFF;
  --progress: #B8AAA0;
  --info: #72AAA5;
  --warning: #C9A86A;
  --success: #A3B58A;
  --danger: #E8939F;
  --material-rim: #3D3D42;
  --material-shade: #111113;
  --edge: #43434A;
  --grid: #28282B;
  --surround: #191919;
  --selected-strong: #33333A;
  --hover: #28282D;
  --pressed: #2E2E34;
  --info-fill: #1C2B29;
  --warning-fill: #2E2617;
  --success-fill: #222B1D;
  --danger-fill: #3B1B22;
  --disabled-foreground: #89868A;
  --disabled-fill: #1B1B1D;
  --read-only-fill: #232326;
  --text-selection: #3F3F46;
  --find-match: #4A3E24;
  --find-match-active: #63552F;
  color-scheme: dark;
  --material-shadow: 0 2px 3px #0003;
  --syntax-keyword: #72AAA5;
  --syntax-string: #A3B58A;
  --syntax-function: #CFC4B8;
  --syntax-constant: #B8AAA0;
  --syntax-comment: #89868A;
  --syntax-variable: #A8C0B8;
  --syntax-tag: #8FAE94;
  --syntax-type-name: #B5C4A8;
  --elevation-popup: 0 4px 8px #0006;
  --elevation-tooltip: 0 2px 6px #0006;
  --elevation-dialog: 0 8px 24px #000A;
  --scrim: #000000B3;
}
:root[data-theme=light] {
  --bg: #EDEDF0;
  --surface: #FFFFFF;
  --raised: #E4E4E9;
  --selected: #DDDDE4;
  --fg: #202023;
  --muted: #50505B;
  --border: #676772;
  --accent: #960018;
  --accent-foreground: #FFFFFF;
  --selection-indicator: #960018;
  --focus: #C8102E;
  --action: #960018;
  --action-hover: #7E0014;
  --action-pressed: #660011;
  --action-foreground: #FFFFFF;
  --progress: #50505B;
  --info: #1F4E4A;
  --warning: #6B4A00;
  --success: #3C5A2E;
  --danger: #960018;
  --material-rim: #FFFFFF;
  --material-shade: #C2C2CA;
  --edge: #B8B8BD;
  --grid: #F2F2F5;
  --surround: #D6D6D6;
  --selected-strong: #CACAD3;
  --hover: #D5D5DD;
  --pressed: #C9C9D3;
  --info-fill: #CDE3E0;
  --warning-fill: #F0E3BC;
  --success-fill: #DCE8D2;
  --danger-fill: #F3D9DD;
  --disabled-foreground: #7E7E8A;
  --disabled-fill: #F2F2F5;
  --read-only-fill: #F4F4F7;
  --text-selection: #E3C8CC;
  --find-match: #FFE97A;
  --find-match-active: #FFD33D;
  color-scheme: light;
  --material-shadow: 0 2px 3px #00000014;
  --syntax-keyword: #2F6F6A;
  --syntax-string: #4C6B3C;
  --syntax-function: #6E6259;
  --syntax-constant: #8A5A13;
  --syntax-comment: #6A686E;
  --syntax-variable: #7A5230;
  --syntax-tag: #3F7057;
  --syntax-type-name: #556B47;
  --elevation-popup: 0 4px 8px #0000001F;
  --elevation-tooltip: 0 2px 6px #0000001F;
  --elevation-dialog: 0 8px 24px #00000033;
  --scrim: #00000066;
}
@media (prefers-color-scheme: light) {
  :root[data-theme=system] {
    --bg: #EDEDF0;
    --surface: #FFFFFF;
    --raised: #E4E4E9;
    --selected: #DDDDE4;
    --fg: #202023;
    --muted: #50505B;
    --border: #676772;
    --accent: #960018;
    --accent-foreground: #FFFFFF;
    --selection-indicator: #960018;
    --focus: #C8102E;
    --action: #960018;
    --action-hover: #7E0014;
    --action-pressed: #660011;
    --action-foreground: #FFFFFF;
    --progress: #50505B;
    --info: #1F4E4A;
    --warning: #6B4A00;
    --success: #3C5A2E;
    --danger: #960018;
    --material-rim: #FFFFFF;
    --material-shade: #C2C2CA;
    --edge: #B8B8BD;
    --grid: #F2F2F5;
    --surround: #D6D6D6;
    --selected-strong: #CACAD3;
    --hover: #D5D5DD;
    --pressed: #C9C9D3;
    --info-fill: #CDE3E0;
    --warning-fill: #F0E3BC;
    --success-fill: #DCE8D2;
    --danger-fill: #F3D9DD;
    --disabled-foreground: #7E7E8A;
    --disabled-fill: #F2F2F5;
    --read-only-fill: #F4F4F7;
    --text-selection: #E3C8CC;
    --find-match: #FFE97A;
    --find-match-active: #FFD33D;
    color-scheme: light;
    --material-shadow: 0 2px 3px #00000014;
    --syntax-keyword: #2F6F6A;
    --syntax-string: #4C6B3C;
    --syntax-function: #6E6259;
    --syntax-constant: #8A5A13;
    --syntax-comment: #6A686E;
    --syntax-variable: #7A5230;
    --syntax-tag: #3F7057;
    --syntax-type-name: #556B47;
    --elevation-popup: 0 4px 8px #0000001F;
    --elevation-tooltip: 0 2px 6px #0000001F;
    --elevation-dialog: 0 8px 24px #00000033;
    --scrim: #00000066;
  }
}
:root[data-accent=github] { --accent: #15263C; --action: #1A7F37; --action-hover: #238636; --action-pressed: #116329; --selection-indicator: #409EFF; --focus: #71B7FF; }
:root[data-accent=github][data-theme=light] { --accent: #0550AE; --action: #1A7F37; --action-hover: #238636; --action-pressed: #116329; --selection-indicator: #0969DA; --focus: #0550AE; }
@media (prefers-color-scheme: light) {
  :root[data-accent=github][data-theme=system] { --accent: #0550AE; --action: #1A7F37; --action-hover: #238636; --action-pressed: #116329; --selection-indicator: #0969DA; --focus: #0550AE; }
}
:root[data-accent=crimson] { --accent: #76172A; --action: #D02946; --action-hover: #D6304B; --action-pressed: #CA2141; --selection-indicator: #DD294B; --focus: #FF4D73; }
:root[data-accent=crimson][data-theme=light] { --accent: #76172A; --action: #B40234; --action-hover: #A3052F; --action-pressed: #920629; --selection-indicator: #9E1534; --focus: #D61F45; }
@media (prefers-color-scheme: light) {
  :root[data-accent=crimson][data-theme=system] { --accent: #76172A; --action: #B40234; --action-hover: #A3052F; --action-pressed: #920629; --selection-indicator: #9E1534; --focus: #D61F45; }
}
:root[data-accent=blue] { --accent: #023C79; --action: #036DCD; --action-hover: #1072D3; --action-pressed: #0168C5; --selection-indicator: #5FA8FF; --focus: #ACD1FF; }
:root[data-accent=blue][data-theme=light] { --accent: #023C79; --action: #0059AA; --action-hover: #045099; --action-pressed: #01478A; --selection-indicator: #1558A6; --focus: #327AD1; }
@media (prefers-color-scheme: light) {
  :root[data-accent=blue][data-theme=system] { --accent: #023C79; --action: #0059AA; --action-hover: #045099; --action-pressed: #01478A; --selection-indicator: #1558A6; --focus: #327AD1; }
}
:root[data-accent=teal] { --accent: #034541; --action: #027B74; --action-hover: #048079; --action-pressed: #02756F; --selection-indicator: #37B7AF; --focus: #8FE4D9; }
:root[data-accent=teal][data-theme=light] { --accent: #034541; --action: #08645E; --action-hover: #075B55; --action-pressed: #06514C; --selection-indicator: #00665F; --focus: #13877F; }
@media (prefers-color-scheme: light) {
  :root[data-accent=teal][data-theme=system] { --accent: #034541; --action: #08645E; --action-hover: #075B55; --action-pressed: #06514C; --selection-indicator: #00665F; --focus: #13877F; }
}
:root[data-accent=graphite] { --accent: #3C3C42; --action: #6D6D74; --action-hover: #72727A; --action-pressed: #686870; --selection-indicator: #94949C; --focus: #DCDCE3; }
:root[data-accent=graphite][data-theme=light] { --accent: #3C3C42; --action: #585860; --action-hover: #505057; --action-pressed: #47474E; --selection-indicator: #585860; --focus: #75757D; }
@media (prefers-color-scheme: light) {
  :root[data-accent=graphite][data-theme=system] { --accent: #3C3C42; --action: #585860; --action-hover: #505057; --action-pressed: #47474E; --selection-indicator: #585860; --focus: #75757D; }
}

@supports (color: oklch(0.5 0 0)) {
  :root {
    --bg: oklch(0.22296359 0.00384209 286.084);
    --surface: oklch(0.24053499 0.00566232 285.9664);
    --raised: oklch(0.25737093 0.0055652 286.0023);
    --selected: oklch(0.28702691 0.00904287 285.8163);
    --fg: oklch(0.91760389 0.00424734 56.3707);
    --muted: oklch(0.62390881 0.00687431 317.7451);
    --border: oklch(0.56781479 0.00912186 286.1057);
    --accent: oklch(0.42434381 0.17167681 24.1162);
    --accent-foreground: oklch(0.91760389 0.00424734 56.3707);
    --selection-indicator: oklch(0.42434381 0.17167681 24.1162);
    --focus: oklch(0.42434381 0.17167681 24.1162);
    --action: oklch(0.42434381 0.17167681 24.1162);
    --action-hover: oklch(0.46865962 0.17944721 22.6312);
    --action-pressed: oklch(0.37407274 0.15115217 23.5475);
    --action-foreground: oklch(0.99999999 4e-08 89.8756);
    --progress: oklch(0.74704708 0.02155819 57.961);
    --info: oklch(0.69776906 0.05918571 188.8397);
    --warning: oklch(0.74722277 0.08902202 82.3947);
    --success: oklch(0.74785769 0.06279244 126.3328);
    --danger: oklch(0.75293788 0.10346696 10.6637);
    --material-rim: oklch(0.36189335 0.00852105 285.9663);
    --material-shade: oklch(0.17852907 0.00406634 285.9807);
    --edge: oklch(0.38548736 0.01175804 285.8353);
    --grid: oklch(0.2780383 0.0054565 286.0395);
    --surround: oklch(0.21342251 1e-08 89.8756);
    --selected-strong: oklch(0.32385314 0.01229694 285.6931);
    --hover: oklch(0.27887635 0.00911007 285.7942);
    --pressed: oklch(0.30357735 0.0107073 285.7447);
    --info-fill: oklch(0.27484891 0.0205559 185.7804);
    --warning-fill: oklch(0.27316658 0.02817554 82.6742);
    --success-fill: oklch(0.27575882 0.02801114 134.6106);
    --danger-fill: oklch(0.2699579 0.05090858 7.1417);
    --disabled-foreground: oklch(0.62390881 0.00687431 317.7451);
    --disabled-fill: oklch(0.22296359 0.00384209 286.084);
    --read-only-fill: oklch(0.25737093 0.0055652 286.0023);
    --text-selection: oklch(0.3703234 0.01187991 285.8054);
    --find-match: oklch(0.36954133 0.04349961 85.5765);
    --find-match-active: oklch(0.45405748 0.05796439 89.7965);
  }
  :root[data-theme=light] {
    --bg: oklch(0.94695735 0.00400202 286.3231);
    --surface: oklch(0.99999999 4e-08 89.8756);
    --raised: oklch(0.92030832 0.00672312 286.2669);
    --selected: oklch(0.89958388 0.00947362 286.2077);
    --fg: oklch(0.24477082 0.00563709 285.9759);
    --muted: oklch(0.43533305 0.01795528 285.6302);
    --border: oklch(0.51761986 0.01717247 285.7846);
    --accent: oklch(0.42434381 0.17167681 24.1162);
    --accent-foreground: oklch(0.99999999 4e-08 89.8756);
    --selection-indicator: oklch(0.42434381 0.17167681 24.1162);
    --focus: oklch(0.53036685 0.20739612 22.3174);
    --action: oklch(0.42434381 0.17167681 24.1162);
    --action-hover: oklch(0.37407274 0.15115217 23.5475);
    --action-pressed: oklch(0.32219585 0.12984674 22.2064);
    --action-foreground: oklch(0.99999999 4e-08 89.8756);
    --progress: oklch(0.43533305 0.01795528 285.6302);
    --info: oklch(0.3902076 0.05150682 187.7467);
    --warning: oklch(0.43426232 0.09012869 79.3151);
    --success: oklch(0.43213279 0.07715907 136.4024);
    --danger: oklch(0.42434381 0.17167681 24.1162);
    --material-rim: oklch(0.99999999 4e-08 89.8756);
    --material-shade: oklch(0.81646189 0.01110062 286.1513);
    --edge: oklch(0.78410521 0.0070006 286.2372);
    --grid: oklch(0.96199996 0.00398619 286.3246);
    --surround: oklch(0.87609632 3e-08 89.8756);
    --selected-strong: oklch(0.84169691 0.01239673 286.1304);
    --hover: oklch(0.8753734 0.01090607 286.1723);
    --pressed: oklch(0.83889814 0.0137909 286.0987);
    --info-fill: oklch(0.89868951 0.02371458 186.8764);
    --warning-fill: oklch(0.9164016 0.0529761 91.7805);
    --success-fill: oklch(0.91598372 0.03203205 130.5992);
    --danger-fill: oklch(0.9077575 0.02925315 7.14);
    --disabled-foreground: oklch(0.5971103 0.01806708 285.8399);
    --disabled-fill: oklch(0.96199996 0.00398619 286.3246);
    --read-only-fill: oklch(0.96800052 0.00397997 286.3252);
    --text-selection: oklch(0.85654958 0.03085332 7.6197);
    --find-match: oklch(0.92984296 0.1335965 98.3318);
    --find-match-active: oklch(0.8807468 0.16330015 91.5922);
  }
  @media (prefers-color-scheme: light) {
    :root[data-theme=system] {
      --bg: oklch(0.94695735 0.00400202 286.3231);
      --surface: oklch(0.99999999 4e-08 89.8756);
      --raised: oklch(0.92030832 0.00672312 286.2669);
      --selected: oklch(0.89958388 0.00947362 286.2077);
      --fg: oklch(0.24477082 0.00563709 285.9759);
      --muted: oklch(0.43533305 0.01795528 285.6302);
      --border: oklch(0.51761986 0.01717247 285.7846);
      --accent: oklch(0.42434381 0.17167681 24.1162);
      --accent-foreground: oklch(0.99999999 4e-08 89.8756);
      --selection-indicator: oklch(0.42434381 0.17167681 24.1162);
      --focus: oklch(0.53036685 0.20739612 22.3174);
      --action: oklch(0.42434381 0.17167681 24.1162);
      --action-hover: oklch(0.37407274 0.15115217 23.5475);
      --action-pressed: oklch(0.32219585 0.12984674 22.2064);
      --action-foreground: oklch(0.99999999 4e-08 89.8756);
      --progress: oklch(0.43533305 0.01795528 285.6302);
      --info: oklch(0.3902076 0.05150682 187.7467);
      --warning: oklch(0.43426232 0.09012869 79.3151);
      --success: oklch(0.43213279 0.07715907 136.4024);
      --danger: oklch(0.42434381 0.17167681 24.1162);
      --material-rim: oklch(0.99999999 4e-08 89.8756);
      --material-shade: oklch(0.81646189 0.01110062 286.1513);
      --edge: oklch(0.78410521 0.0070006 286.2372);
      --grid: oklch(0.96199996 0.00398619 286.3246);
      --surround: oklch(0.87609632 3e-08 89.8756);
      --selected-strong: oklch(0.84169691 0.01239673 286.1304);
      --hover: oklch(0.8753734 0.01090607 286.1723);
      --pressed: oklch(0.83889814 0.0137909 286.0987);
      --info-fill: oklch(0.89868951 0.02371458 186.8764);
      --warning-fill: oklch(0.9164016 0.0529761 91.7805);
      --success-fill: oklch(0.91598372 0.03203205 130.5992);
      --danger-fill: oklch(0.9077575 0.02925315 7.14);
      --disabled-foreground: oklch(0.5971103 0.01806708 285.8399);
      --disabled-fill: oklch(0.96199996 0.00398619 286.3246);
      --read-only-fill: oklch(0.96800052 0.00397997 286.3252);
      --text-selection: oklch(0.85654958 0.03085332 7.6197);
      --find-match: oklch(0.92984296 0.1335965 98.3318);
      --find-match-active: oklch(0.8807468 0.16330015 91.5922);
    }
  }
  :root[data-accent=github] { --accent: oklch(0.26559937 0.04732972 255.4106); --action: oklch(0.52441141 0.14007706 148.0394); --action-hover: oklch(0.54603681 0.14742919 146.258); --action-pressed: oklch(0.43905781 0.11792521 148.0652); --selection-indicator: oklch(0.68977473 0.16785591 252.1779); --focus: oklch(0.76253203 0.12606958 250.4196); }
  :root[data-accent=github][data-theme=light] { --accent: oklch(0.45094541 0.16413839 258.1788); --action: oklch(0.52441141 0.14007706 148.0394); --action-hover: oklch(0.54603681 0.14742919 146.258); --action-pressed: oklch(0.43905781 0.11792521 148.0652); --selection-indicator: oklch(0.53992423 0.19058429 257.4815); --focus: oklch(0.45094541 0.16413839 258.1788); }
  @media (prefers-color-scheme: light) {
    :root[data-accent=github][data-theme=system] { --accent: oklch(0.45094541 0.16413839 258.1788); --action: oklch(0.52441141 0.14007706 148.0394); --action-hover: oklch(0.54603681 0.14742919 146.258); --action-pressed: oklch(0.43905781 0.11792521 148.0652); --selection-indicator: oklch(0.53992423 0.19058429 257.4815); --focus: oklch(0.45094541 0.16413839 258.1788); }
  }
  :root[data-accent=crimson] { --accent: oklch(0.37536078 0.12835748 15.2251); --action: oklch(0.56158302 0.20011387 17.9319); --action-hover: oklch(0.57818102 0.20021808 17.8009); --action-pressed: oklch(0.54476164 0.20020681 18.0277); --selection-indicator: oklch(0.58563984 0.21167116 17.4767); --focus: oklch(0.6798201 0.21343679 12.5843); }
  :root[data-accent=crimson][data-theme=light] { --accent: oklch(0.37536078 0.12835748 15.2251); --action: oklch(0.48878953 0.19486524 17.6138); --action-hover: oklch(0.45547567 0.17984596 17.5597); --action-pressed: oklch(0.42091089 0.16500962 17.8287); --selection-indicator: oklch(0.45318915 0.16841398 16.2572); --focus: oklch(0.56625342 0.21175472 17.6485); }
  @media (prefers-color-scheme: light) {
    :root[data-accent=crimson][data-theme=system] { --accent: oklch(0.37536078 0.12835748 15.2251); --action: oklch(0.48878953 0.19486524 17.6138); --action-hover: oklch(0.45547567 0.17984596 17.5597); --action-pressed: oklch(0.42091089 0.16500962 17.8287); --selection-indicator: oklch(0.45318915 0.16841398 16.2572); --focus: oklch(0.56625342 0.21175472 17.6485); }
  }
  :root[data-accent=blue] { --accent: oklch(0.36142938 0.11746490 255.1271); --action: oklch(0.53843016 0.16986664 253.9632); --action-hover: oklch(0.55503027 0.17044750 254.1474); --action-pressed: oklch(0.52133049 0.16565456 254.0315); --selection-indicator: oklch(0.72238209 0.14716247 254.0187); --focus: oklch(0.84989071 0.07571522 254.1011); }
  :root[data-accent=blue][data-theme=light] { --accent: oklch(0.36142938 0.11746490 255.1271); --action: oklch(0.46739197 0.14844138 253.9290); --action-hover: oklch(0.43430748 0.13613804 254.1351); --action-pressed: oklch(0.40111822 0.12733610 254.1069); --selection-indicator: oklch(0.46520940 0.14122394 255.6445); --focus: oklch(0.57876071 0.15165936 255.1482); }
  @media (prefers-color-scheme: light) {
    :root[data-accent=blue][data-theme=system] { --accent: oklch(0.36142938 0.11746490 255.1271); --action: oklch(0.46739197 0.14844138 253.9290); --action-hover: oklch(0.43430748 0.13613804 254.1351); --action-pressed: oklch(0.40111822 0.12733610 254.1069); --selection-indicator: oklch(0.46520940 0.14122394 255.6445); --focus: oklch(0.57876071 0.15165936 255.1482); }
  }
  :root[data-accent=teal] { --accent: oklch(0.35248413 0.05991000 188.1529); --action: oklch(0.52536485 0.09101880 187.8317); --action-hover: oklch(0.54090241 0.09327934 188.0575); --action-pressed: oklch(0.50715241 0.08758256 188.5376); --selection-indicator: oklch(0.70961141 0.10910152 188.8699); --focus: oklch(0.86166348 0.08426082 185.3628); }
  :root[data-accent=teal][data-theme=light] { --accent: oklch(0.35248413 0.05991000 188.1529); --action: oklch(0.45434543 0.07698626 187.5272); --action-hover: oklch(0.42530791 0.07211667 186.9072); --action-pressed: oklch(0.39283952 0.06626854 187.5076); --selection-indicator: oklch(0.45933432 0.08033610 186.6271); --focus: oklch(0.56331783 0.09443089 187.3308); }
  @media (prefers-color-scheme: light) {
    :root[data-accent=teal][data-theme=system] { --accent: oklch(0.35248413 0.05991000 188.1529); --action: oklch(0.45434543 0.07698626 187.5272); --action-hover: oklch(0.42530791 0.07211667 186.9072); --action-pressed: oklch(0.39283952 0.06626854 187.5076); --selection-indicator: oklch(0.45933432 0.08033610 186.6271); --focus: oklch(0.56331783 0.09443089 187.3308); }
  }
  :root[data-accent=graphite] { --accent: oklch(0.35844884 0.01025972 285.8708); --action: oklch(0.53711950 0.01080049 286.0305); --action-hover: oklch(0.55476154 0.01224908 285.9937); --action-pressed: oklch(0.52003776 0.01245329 285.9588); --selection-indicator: oklch(0.66908632 0.01167712 286.0799); --focus: oklch(0.89652933 0.00948178 286.2069); }
  :root[data-accent=graphite][data-theme=light] { --accent: oklch(0.35844884 0.01025972 285.8708); --action: oklch(0.46322917 0.01282795 285.8884); --action-hover: oklch(0.43379543 0.01140718 285.9147); --action-pressed: oklch(0.40050427 0.01164322 285.8623); --selection-indicator: oklch(0.46322917 0.01282795 285.8884); --focus: oklch(0.56507228 0.01219156 286.0031); }
  @media (prefers-color-scheme: light) {
    :root[data-accent=graphite][data-theme=system] { --accent: oklch(0.35844884 0.01025972 285.8708); --action: oklch(0.46322917 0.01282795 285.8884); --action-hover: oklch(0.43379543 0.01140718 285.9147); --action-pressed: oklch(0.40050427 0.01164322 285.8623); --selection-indicator: oklch(0.46322917 0.01282795 285.8884); --focus: oklch(0.56507228 0.01219156 286.0031); }
  }
}

:root[data-theme=high-contrast] {
  --bg: #010409;
  --surface: #0A0C10;
  --raised: #191C20;
  --selected: #272B33;
  --fg: #FFFFFF;
  --muted: #F0F3F6;
  --border: #F0F3F6;
  --accent: #0A2A5E;
  --accent-foreground: #FFFFFF;
  --selection-indicator: #79C0FF;
  --focus: #FFD33D;
  --action: #0A5A23;
  --action-hover: #0B6128;
  --action-pressed: #064817;
  --action-foreground: #FFFFFF;
  --progress: #F0F3F6;
  --info: #CAE8FF;
  --warning: #FFB757;
  --success: #72F088;
  --danger: #FFB1AF;
  --material-rim: #7A828E;
  --material-shade: #000000;
  --edge: #9EA7B3;
  --grid: #0F1318;
  --surround: #0C0C0C;
  --selected-strong: #3D444D;
  --hover: #20242B;
  --pressed: #2E333B;
  --info-fill: #0C2D6B;
  --warning-fill: #3A2A00;
  --success-fill: #0A3318;
  --danger-fill: #4C1A1A;
  --disabled-foreground: #9EA7B3;
  --disabled-fill: #0A0C10;
  --read-only-fill: #11151B;
  --text-selection: #1F4E8F;
  --find-match: #5C4A00;
  --find-match-active: #8A5B00;
  color-scheme: dark;
  --material-shadow: 0 2px 3px #0003;
  --syntax-keyword: #72AAA5;
  --syntax-string: #A3B58A;
  --syntax-function: #CFC4B8;
  --syntax-constant: #B8AAA0;
  --syntax-comment: #89868A;
  --syntax-variable: #A8C0B8;
  --syntax-tag: #8FAE94;
  --syntax-type-name: #B5C4A8;
  --elevation-popup: 0 4px 8px #0006;
  --elevation-tooltip: 0 2px 6px #0006;
  --elevation-dialog: 0 8px 24px #000A;
  --scrim: #000000B3;
}

@media (forced-colors: active) {
  :root { --selection-indicator: Highlight !important; --focus: Highlight !important; --grid: Canvas !important; --edge: CanvasText !important; --bg: Canvas !important; --surface: Canvas !important; --raised: Canvas !important; --selected: Canvas !important; --selected-strong: Canvas !important; --hover: Canvas !important; --pressed: Canvas !important; --fg: CanvasText !important; --muted: CanvasText !important; --border: ButtonBorder !important; --accent: Highlight !important; --accent-foreground: HighlightText !important; --action: ButtonFace !important; --action-hover: ButtonFace !important; --action-pressed: ButtonFace !important; --action-foreground: ButtonText !important; --progress: Highlight !important; --info: CanvasText !important; --warning: CanvasText !important; --success: CanvasText !important; --danger: CanvasText !important; --info-fill: Canvas !important; --warning-fill: Canvas !important; --success-fill: Canvas !important; --danger-fill: Canvas !important; --disabled-foreground: GrayText !important; --disabled-fill: Canvas !important; --read-only-fill: Canvas !important; --text-selection: Highlight !important; --find-match: Mark !important; --find-match-active: Highlight !important; --material-rim: CanvasText !important; --material-shade: Canvas !important; --surround: Canvas !important; }
}