/* GENERATED by packages/tokens/scripts/generate.ts from tokens 1.19.0 — do not edit. */
@font-face {
    font-family: 'AtkinsonHyperlegible-Regular';
    src: url('/fonts/AtkinsonHyperlegible-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'AtkinsonHyperlegible-Bold';
    src: url('/fonts/AtkinsonHyperlegible-Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'JetBrainsMono-Regular';
    src: url('/fonts/JetBrainsMono-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'JetBrainsMono-Medium';
    src: url('/fonts/JetBrainsMono-Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Syncopate-Bold';
    src: url('/fonts/Syncopate-Bold.ttf') format('truetype');
    font-display: swap;
}

:root,
[data-theme='papyrusLight'] {
    color-scheme: light;
    --color-surface-haze: #EFE7D4;
    --color-surface-ground: #EFE7D4;
    --color-surface-raised: #F7F1E3;
    --color-surface-overlay: #FDFAF3;
    --color-border-hairline: #D8CDB5;
    --color-border-strong: #908369;
    --color-text-primary: #2E2A24;
    --color-text-secondary: #5A5247;
    --color-text-tertiary: #76664E;
    --color-text-onAccent: #FDFAF3;
    --color-code-ink: #342117;
    --color-code-paper: #FFFAEF;
    --color-scrim: #2E2A24;
    --color-accent-agent: #9C4A1A;
    --color-accent-agentDeep: #BD8964;
    --color-accent-needsYou: #007378;
    --color-accent-problem: #AC312A;
    --color-control-track: #E5CDBE;
    --color-control-fill: #723807;
    --color-control-thumb: #9C5520;
    --color-control-thumbRing: #F7F1E3;
    --color-selection-chosen: #9C4A1A;
    --color-selection-highlight: #9C4A1A;
    --color-selection-caret: #9C4A1A;
    --color-focus-ring: #9C4A1A;
    --glow-agent: 0px 0px 12px 0px rgba(156,74,26,0.2);
    --glow-needsYou: 0px 0px 12px 0px rgba(0,115,120,0.3);
}

[data-theme='papyrusDark'] {
    color-scheme: dark;
    --color-surface-haze: #1A150F;
    --color-surface-ground: #1A150F;
    --color-surface-raised: #211B14;
    --color-surface-overlay: #26201A;
    --color-border-hairline: #3A3024;
    --color-border-strong: #726A61;
    --color-text-primary: #F0E6D2;
    --color-text-secondary: #C4B89E;
    --color-text-tertiary: #908778;
    --color-text-onAccent: #1A150F;
    --color-code-ink: #342117;
    --color-code-paper: #FFFAEF;
    --color-scrim: #1A150F;
    --color-accent-agent: #D98A4E;
    --color-accent-agentDeep: #8D5B35;
    --color-accent-needsYou: #5DDAE0;
    --color-accent-problem: #EB827B;
    --color-control-track: #3F2B1C;
    --color-control-fill: #FC9F4E;
    --color-control-thumb: #C97A32;
    --color-control-thumbRing: #211B14;
    --color-selection-chosen: #D98A4E;
    --color-selection-highlight: #D98A4E;
    --color-selection-caret: #D98A4E;
    --color-focus-ring: #D98A4E;
    --glow-agent: 0px 0px 12px 0px rgba(217,138,78,0.35);
    --glow-needsYou: 0px 0px 12px 0px rgba(93,218,224,0.4);
}

[data-theme='day'] {
    color-scheme: light;
    --color-surface-haze: #EBB16C;
    --color-surface-ground: #F4E6CE;
    --color-surface-raised: #FAF1DF;
    --color-surface-overlay: #FFFAEF;
    --color-border-hairline: #D4C1A8;
    --color-border-strong: #9A8065;
    --color-text-primary: #342117;
    --color-text-secondary: #6B5244;
    --color-text-tertiary: #7C6354;
    --color-text-onAccent: #FFFAEF;
    --color-code-ink: #342117;
    --color-code-paper: #FFFAEF;
    --color-scrim: #342117;
    --color-accent-agent: #005768;
    --color-accent-agentDeep: #4A8B9A;
    --color-accent-needsYou: #A94E01;
    --color-accent-problem: #AC312A;
    --color-control-track: #D4C1A8;
    --color-control-fill: #005768;
    --color-control-thumb: #005768;
    --color-control-thumbRing: #FAF1DF;
    --color-selection-chosen: #005768;
    --color-selection-highlight: #005768;
    --color-selection-caret: #005768;
    --color-focus-ring: #005768;
    --glow-agent: 0px 0px 12px 0px rgba(0,87,104,0.2);
    --glow-needsYou: 0px 0px 12px 0px rgba(169,78,1,0.3);
}

[data-theme='night'] {
    color-scheme: dark;
    --color-surface-haze: #0B1014;
    --color-surface-ground: #0B1014;
    --color-surface-raised: #13191E;
    --color-surface-overlay: #1C2328;
    --color-border-hairline: #2D3439;
    --color-border-strong: #626D76;
    --color-text-primary: #DDE2E6;
    --color-text-secondary: #9AA7B0;
    --color-text-tertiary: #7E8A93;
    --color-text-onAccent: #0B1014;
    --color-code-ink: #342117;
    --color-code-paper: #FFFAEF;
    --color-scrim: #0B1014;
    --color-accent-agent: #72CEDE;
    --color-accent-agentDeep: #498C97;
    --color-accent-needsYou: #EEBA70;
    --color-accent-problem: #EB827B;
    --color-control-track: #2D3439;
    --color-control-fill: #72CEDE;
    --color-control-thumb: #72CEDE;
    --color-control-thumbRing: #13191E;
    --color-selection-chosen: #72CEDE;
    --color-selection-highlight: #72CEDE;
    --color-selection-caret: #72CEDE;
    --color-focus-ring: #72CEDE;
    --glow-agent: 0px 0px 12px 0px rgba(114,206,222,0.35);
    --glow-needsYou: 0px 0px 12px 0px rgba(238,186,112,0.4);
}

[data-theme='vaporwaveLight'] {
    color-scheme: light;
    --color-surface-haze: #F0DCFF;
    --color-surface-ground: #F0DCFF;
    --color-surface-raised: #FBE9FF;
    --color-surface-overlay: #F5E6FF;
    --color-border-hairline: #D8B8E8;
    --color-border-strong: #9A73AD;
    --color-text-primary: #2A1840;
    --color-text-secondary: #5B3D80;
    --color-text-tertiary: #755993;
    --color-text-onAccent: #FFFFFF;
    --color-code-ink: #342117;
    --color-code-paper: #FFFAEF;
    --color-scrim: #2A1840;
    --color-accent-agent: #B3008F;
    --color-accent-agentDeep: #CB58BC;
    --color-accent-needsYou: #0E6E89;
    --color-accent-problem: #AC312A;
    --color-control-track: #D1C8F2;
    --color-control-fill: #601DB6;
    --color-control-thumb: #7A4DCF;
    --color-control-thumbRing: #FBE9FF;
    --color-selection-chosen: #B3008F;
    --color-selection-highlight: #B3008F;
    --color-selection-caret: #B3008F;
    --color-focus-ring: #B3008F;
    --glow-agent: 0px 0px 12px 0px rgba(179,0,143,0.2);
    --glow-needsYou: 0px 0px 12px 0px rgba(14,110,137,0.3);
}

[data-theme='vaporwaveDark'] {
    color-scheme: dark;
    --color-surface-haze: #140A26;
    --color-surface-ground: #140A26;
    --color-surface-raised: #1A1033;
    --color-surface-overlay: #231640;
    --color-border-hairline: #3A2A5E;
    --color-border-strong: #6E628C;
    --color-text-primary: #F2E6FF;
    --color-text-secondary: #C0A8E0;
    --color-text-tertiary: #8E7EA8;
    --color-text-onAccent: #1A1033;
    --color-code-ink: #342117;
    --color-code-paper: #FFFAEF;
    --color-scrim: #140A26;
    --color-accent-agent: #FF71CE;
    --color-accent-agentDeep: #A1488B;
    --color-accent-needsYou: #01CDFE;
    --color-accent-problem: #EB827B;
    --color-control-track: #0D2F3B;
    --color-control-fill: #0CA1C7;
    --color-control-thumb: #01CDFE;
    --color-control-thumbRing: #1A1033;
    --color-selection-chosen: #FF71CE;
    --color-selection-highlight: #FF71CE;
    --color-selection-caret: #FF71CE;
    --color-focus-ring: #FF71CE;
    --glow-agent: 0px 0px 12px 0px rgba(255,113,206,0.35);
    --glow-needsYou: 0px 0px 12px 0px rgba(1,205,254,0.4);
}

[data-theme='vt100'] {
    color-scheme: dark;
    --color-surface-haze: #050505;
    --color-surface-ground: #050505;
    --color-surface-raised: #101010;
    --color-surface-overlay: #161616;
    --color-border-hairline: #242424;
    --color-border-strong: #636363;
    --color-text-primary: #F4F4F0;
    --color-text-secondary: #9A9A90;
    --color-text-tertiary: #7F7F7B;
    --color-text-onAccent: #050505;
    --color-code-ink: #342117;
    --color-code-paper: #FFFAEF;
    --color-scrim: #050505;
    --color-accent-agent: #C8FF00;
    --color-accent-agentDeep: #7A9B02;
    --color-accent-needsYou: #FF8630;
    --color-accent-problem: #EB827B;
    --color-control-track: #1D2C08;
    --color-control-fill: #8FCC22;
    --color-control-thumb: #B6FF3A;
    --color-control-thumbRing: #101010;
    --color-selection-chosen: #C8FF00;
    --color-selection-highlight: #C8FF00;
    --color-selection-caret: #C8FF00;
    --color-focus-ring: #C8FF00;
    --glow-agent: 0px 0px 12px 0px rgba(200,255,0,0.35);
    --glow-needsYou: 0px 0px 12px 0px rgba(255,134,48,0.4);
}

html,
body {
    background: var(--color-surface-ground);
    color: var(--color-text-primary);
}