/* GENERATED — DO NOT EDIT.
   Source: design-system/tokens.json. Regenerate with `make tokens`;
   `make tokens-check` fails when this file is stale. */
:root {
  --color-surface-field: #E9E7E1;
  --color-surface-field-dark: #0F1115;
  --color-surface-field-sage: #DCE6DD;
  --color-surface-field-sage-dark: #0F1512;
  --color-surface-field-peach: #F2DDD0;
  --color-surface-field-peach-dark: #16110F;
  --color-surface-sheet: #FFFFFF;
  --color-surface-sheet-dark: #1A1D24;
  --color-surface-sheet-border: rgba(20,22,28,0.14);
  --color-surface-sheet-border-dark: rgba(255,255,255,0.12);
  --color-surface-hairline: #E4E6EC;
  --color-surface-hairline-dark: #2C303B;
  --color-surface-tint: #F1F2F5;
  --color-surface-tint-dark: #22262F;
  --color-surface-control-border-quiet: #C9CDD6;
  --color-surface-control-border-quiet-dark: #3D4250;
  --color-surface-input: #FFFFFF;
  --color-surface-input-dark: #12141A;
  --color-text-ink: #14161C;
  --color-text-ink-dark: #E8EAF0;
  --color-text-grey: #5A6070;
  --color-text-grey-dark: #A3A9B8;
  --color-text-link: #2440C8;
  --color-text-link-dark: #9DB1FF;
  --color-text-link-hover: #16288A;
  --color-text-link-hover-dark: #C3CEFF;
  --color-text-on-ink: #FFFFFF;
  --color-text-on-ink-dark: #14161C;
  --color-guide-strong: #FFE45C;
  --color-guide-strong-dark: #FFE45C;
  --color-guide-on-yellow: #14161C;
  --color-guide-on-yellow-dark: #14161C;
  --color-guide-pale: #FAEFB6;
  --color-guide-pale-dark: rgba(255,228,92,0.10);
  --color-guide-on-pale: #14161C;
  --color-guide-on-pale-dark: #E8EAF0;
  --color-guide-note-edge: rgba(255,228,92,0);
  --color-guide-note-edge-dark: rgba(255,228,92,0.55);
  --color-people-green: #1A7F37;
  --color-people-green-dark: #5FD98A;
  --color-people-blue: #2440C8;
  --color-people-blue-dark: #8FA4FF;
  --color-people-magenta: #A0329B;
  --color-people-magenta-dark: #E58BE0;
  --color-people-red: #C4321F;
  --color-people-red-dark: #FF9483;
  --color-people-teal: #0E7C7B;
  --color-people-teal-dark: #5AD6D3;
  --color-people-orange: #B4530A;
  --color-people-orange-dark: #F5AE6A;
  --color-people-violet: #6B3FC9;
  --color-people-violet-dark: #BBA6FF;
  --color-people-pink: #C0347A;
  --color-people-pink-dark: #F792C4;
  --color-irc-white: #FFFFFF;
  --color-irc-white-dark: #FFFFFF;
  --color-irc-black: #14161C;
  --color-irc-black-dark: #14161C;
  --color-irc-navy: #1F2E9E;
  --color-irc-navy-dark: #1F2E9E;
  --color-irc-green: #1A7F37;
  --color-irc-green-dark: #1A7F37;
  --color-irc-red: #E0321F;
  --color-irc-red-dark: #E0321F;
  --color-irc-maroon: #8A2A1B;
  --color-irc-maroon-dark: #8A2A1B;
  --color-irc-purple: #A0329B;
  --color-irc-purple-dark: #A0329B;
  --color-irc-orange: #E8820C;
  --color-irc-orange-dark: #E8820C;
  --color-irc-yellow: #FFD21F;
  --color-irc-yellow-dark: #FFD21F;
  --color-irc-lime: #5FD068;
  --color-irc-lime-dark: #5FD068;
  --color-irc-teal: #0E7C7B;
  --color-irc-teal-dark: #0E7C7B;
  --color-irc-cyan: #3CC8D8;
  --color-irc-cyan-dark: #3CC8D8;
  --color-irc-blue: #2440C8;
  --color-irc-blue-dark: #2440C8;
  --color-irc-pink: #E84FA8;
  --color-irc-pink-dark: #E84FA8;
  --color-irc-grey: #6A6F7A;
  --color-irc-grey-dark: #6A6F7A;
  --color-irc-silver: #C9CDD6;
  --color-irc-silver-dark: #C9CDD6;
  --font-room: "Spline Sans Mono", ui-monospace, "Menlo", monospace;
  --font-guide: "Bricolage Grotesque", "Helvetica Neue", sans-serif;
  --font-code: "Spline Sans Mono", ui-monospace, "Menlo", monospace;
  --radius-sheet: 6px;
  --radius-button: 6px;
  --radius-block: 6px;
  --radius-tag: 4px;
  --border-sheet: 1px;
  --border-strong: 1.5px;
  --border-small-button: 1px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-surface-field: #0F1115;
    --color-surface-field-sage: #0F1512;
    --color-surface-field-peach: #16110F;
    --color-surface-sheet: #1A1D24;
    --color-surface-sheet-border: rgba(255,255,255,0.12);
    --color-surface-hairline: #2C303B;
    --color-surface-tint: #22262F;
    --color-surface-control-border-quiet: #3D4250;
    --color-surface-input: #12141A;
    --color-text-ink: #E8EAF0;
    --color-text-grey: #A3A9B8;
    --color-text-link: #9DB1FF;
    --color-text-link-hover: #C3CEFF;
    --color-text-on-ink: #14161C;
    --color-guide-strong: #FFE45C;
    --color-guide-on-yellow: #14161C;
    --color-guide-pale: rgba(255,228,92,0.10);
    --color-guide-on-pale: #E8EAF0;
    --color-guide-note-edge: rgba(255,228,92,0.55);
    --color-people-green: #5FD98A;
    --color-people-blue: #8FA4FF;
    --color-people-magenta: #E58BE0;
    --color-people-red: #FF9483;
    --color-people-teal: #5AD6D3;
    --color-people-orange: #F5AE6A;
    --color-people-violet: #BBA6FF;
    --color-people-pink: #F792C4;
    --color-irc-white: #FFFFFF;
    --color-irc-black: #14161C;
    --color-irc-navy: #1F2E9E;
    --color-irc-green: #1A7F37;
    --color-irc-red: #E0321F;
    --color-irc-maroon: #8A2A1B;
    --color-irc-purple: #A0329B;
    --color-irc-orange: #E8820C;
    --color-irc-yellow: #FFD21F;
    --color-irc-lime: #5FD068;
    --color-irc-teal: #0E7C7B;
    --color-irc-cyan: #3CC8D8;
    --color-irc-blue: #2440C8;
    --color-irc-pink: #E84FA8;
    --color-irc-grey: #6A6F7A;
    --color-irc-silver: #C9CDD6;
  }
}

:root[data-theme="dark"] {
  --color-surface-field: #0F1115;
  --color-surface-field-sage: #0F1512;
  --color-surface-field-peach: #16110F;
  --color-surface-sheet: #1A1D24;
  --color-surface-sheet-border: rgba(255,255,255,0.12);
  --color-surface-hairline: #2C303B;
  --color-surface-tint: #22262F;
  --color-surface-control-border-quiet: #3D4250;
  --color-surface-input: #12141A;
  --color-text-ink: #E8EAF0;
  --color-text-grey: #A3A9B8;
  --color-text-link: #9DB1FF;
  --color-text-link-hover: #C3CEFF;
  --color-text-on-ink: #14161C;
  --color-guide-strong: #FFE45C;
  --color-guide-on-yellow: #14161C;
  --color-guide-pale: rgba(255,228,92,0.10);
  --color-guide-on-pale: #E8EAF0;
  --color-guide-note-edge: rgba(255,228,92,0.55);
  --color-people-green: #5FD98A;
  --color-people-blue: #8FA4FF;
  --color-people-magenta: #E58BE0;
  --color-people-red: #FF9483;
  --color-people-teal: #5AD6D3;
  --color-people-orange: #F5AE6A;
  --color-people-violet: #BBA6FF;
  --color-people-pink: #F792C4;
  --color-irc-white: #FFFFFF;
  --color-irc-black: #14161C;
  --color-irc-navy: #1F2E9E;
  --color-irc-green: #1A7F37;
  --color-irc-red: #E0321F;
  --color-irc-maroon: #8A2A1B;
  --color-irc-purple: #A0329B;
  --color-irc-orange: #E8820C;
  --color-irc-yellow: #FFD21F;
  --color-irc-lime: #5FD068;
  --color-irc-teal: #0E7C7B;
  --color-irc-cyan: #3CC8D8;
  --color-irc-blue: #2440C8;
  --color-irc-pink: #E84FA8;
  --color-irc-grey: #6A6F7A;
  --color-irc-silver: #C9CDD6;
}