/* Generated by Web/scripts/gen-tokens.mjs from Reference/design-tokens.json and Web/tokens.web.json. Do not edit. */
/* Light by default; dark when the system is dark, unless the person picked light (data-theme on <html>, public/js/theme.js). */
:root {
  color-scheme: light;
  --font-ui: 'Hind Siliguri', Nirmala UI, sans-serif;
  --font-mono: ui-monospace, Consolas, monospace;
  --c-bg: #FBF9F4;
  --c-surface: #FFFFFF;
  --c-surface2: #F4F1EA;
  --c-ink: #1B2230;
  --c-muted: #5B6474;
  --c-line: #E3DED3;
  --c-accent: #2747C4;
  --c-accentHi: #1F3AA6;
  --c-on: #FFFFFF;
  --c-sel: #E6EBFB;
  --c-amber: #8A5200;
  --c-amberSoft: #FFF1D6;
  --c-red: #C2362B;
  --c-redSoft: #FBE3E0;
  --c-green: #1F7A4D;
  --c-greenSoft: #DDF1E6;
  --c-shadow: 0 8px 24px rgba(27,34,48,.12), 0 1px 3px rgba(27,34,48,.08);
  --c-surface-2: #F4F1EA;
  --c-border: #E3DED3;
  --c-text: #1B2230;
  --c-text-2: #5B6474;
  --c-on-accent: #FFFFFF;
  --c-accent-soft: #E6EBFB;
  --c-success: #1F7A4D;
  --c-warning: #8A5200;
  --c-error: #C2362B;
  --c-header: #FFFFFF;
  --c-footer: #F0F0ED;
  --c-border-2: #A9A8A2;
  --c-panel: #E9EDF8;
  --c-band: #E9F3EC;
  --c-warning-soft: #FDF3E3;
  --c-warning-soft-2: #FDF6EA;
  --c-warning-border: #EBCB94;
  --c-success-soft: #E3F3E9;
  --c-code: #1B1D22;
  --c-bar: #ECEBE7;
  --c-shot-light-bg: #EEF1F6;
  --c-shot-light-text: #4A4F57;
  --c-shot-dark-bg: #14161B;
  --c-shot-dark-text: #B4B8C0;
  --c-shot-app-light-bg: #FFFFFF;
  --c-shot-app-light-border: #DCDBD6;
  --c-shot-app-light-text: #5A5954;
  --c-shot-app-dark-bg: #202023;
  --c-shot-app-dark-border: #3A3A40;
  --c-shot-app-dark-text: #A6A5A0;
  --c-preview-desk-light: #E9E8E3;
  --c-preview-cap-light: #5A5954;
  --c-preview-desk-dark: #1B1B1E;
  --c-preview-cap-dark: #A6A5A0;
  --c-scrim: rgba(10,20,40,0);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not(.light) {
    color-scheme: dark;
    --c-bg: #151922;
    --c-surface: #1C212C;
    --c-surface2: #232937;
    --c-ink: #E8EBF2;
    --c-muted: #A3ABBA;
    --c-line: #2E3544;
    --c-accent: #8FA6FF;
    --c-accentHi: #B0C0FF;
    --c-on: #0E1430;
    --c-sel: #263063;
    --c-amber: #F2B24A;
    --c-amberSoft: #3A2C12;
    --c-red: #FF8A80;
    --c-redSoft: #3A1A18;
    --c-green: #6FD39C;
    --c-greenSoft: #163A27;
    --c-shadow: 0 8px 24px rgba(0,0,0,.5);
    --c-surface-2: #232937;
    --c-border: #2E3544;
    --c-text: #E8EBF2;
    --c-text-2: #A3ABBA;
    --c-on-accent: #0E1430;
    --c-accent-soft: #263063;
    --c-success: #6FD39C;
    --c-warning: #F2B24A;
    --c-error: #FF8A80;
    --c-header: #1B1B1E;
    --c-footer: #1B1B1E;
    --c-border-2: #55555C;
    --c-panel: #1E2232;
    --c-band: #1A2620;
    --c-warning-soft: #3A2C14;
    --c-warning-soft-2: #2B2416;
    --c-warning-border: #5A4520;
    --c-success-soft: #173A27;
    --c-code: #0E1014;
    --c-bar: #2A2A2E;
    --c-shot-light-bg: #EEF1F6;
    --c-shot-light-text: #4A4F57;
    --c-shot-dark-bg: #14161B;
    --c-shot-dark-text: #B4B8C0;
    --c-shot-app-light-bg: #FFFFFF;
    --c-shot-app-light-border: #DCDBD6;
    --c-shot-app-light-text: #5A5954;
    --c-shot-app-dark-bg: #202023;
    --c-shot-app-dark-border: #3A3A40;
    --c-shot-app-dark-text: #A6A5A0;
    --c-preview-desk-light: #E9E8E3;
    --c-preview-cap-light: #5A5954;
    --c-preview-desk-dark: #1B1B1E;
    --c-preview-cap-dark: #A6A5A0;
    --c-scrim: rgba(5,8,16,.45);
  }
}
:root[data-theme="dark"], :root.dark {
  color-scheme: dark;
  --c-bg: #151922;
  --c-surface: #1C212C;
  --c-surface2: #232937;
  --c-ink: #E8EBF2;
  --c-muted: #A3ABBA;
  --c-line: #2E3544;
  --c-accent: #8FA6FF;
  --c-accentHi: #B0C0FF;
  --c-on: #0E1430;
  --c-sel: #263063;
  --c-amber: #F2B24A;
  --c-amberSoft: #3A2C12;
  --c-red: #FF8A80;
  --c-redSoft: #3A1A18;
  --c-green: #6FD39C;
  --c-greenSoft: #163A27;
  --c-shadow: 0 8px 24px rgba(0,0,0,.5);
  --c-surface-2: #232937;
  --c-border: #2E3544;
  --c-text: #E8EBF2;
  --c-text-2: #A3ABBA;
  --c-on-accent: #0E1430;
  --c-accent-soft: #263063;
  --c-success: #6FD39C;
  --c-warning: #F2B24A;
  --c-error: #FF8A80;
  --c-header: #1B1B1E;
  --c-footer: #1B1B1E;
  --c-border-2: #55555C;
  --c-panel: #1E2232;
  --c-band: #1A2620;
  --c-warning-soft: #3A2C14;
  --c-warning-soft-2: #2B2416;
  --c-warning-border: #5A4520;
  --c-success-soft: #173A27;
  --c-code: #0E1014;
  --c-bar: #2A2A2E;
  --c-shot-light-bg: #EEF1F6;
  --c-shot-light-text: #4A4F57;
  --c-shot-dark-bg: #14161B;
  --c-shot-dark-text: #B4B8C0;
  --c-shot-app-light-bg: #FFFFFF;
  --c-shot-app-light-border: #DCDBD6;
  --c-shot-app-light-text: #5A5954;
  --c-shot-app-dark-bg: #202023;
  --c-shot-app-dark-border: #3A3A40;
  --c-shot-app-dark-text: #A6A5A0;
  --c-preview-desk-light: #E9E8E3;
  --c-preview-cap-light: #5A5954;
  --c-preview-desk-dark: #1B1B1E;
  --c-preview-cap-dark: #A6A5A0;
  --c-scrim: rgba(5,8,16,.45);
}