/* Material 3 color tokens -- GENERATED by tools/gen_m3.py, do not hand-edit.
   Source color: #3F5D9E   Variant: TonalSpot (M3 default)
   Regenerate:  .venv/bin/python tools/gen_m3.py --source '#RRGGBB' */

:root {
    /* Native control internals -- input and select backgrounds, autofill,
       scrollbars -- are painted from the used color-scheme, not from these
       tokens. Without this the browser follows the operating system, so a
       reader who picks Light on a dark desktop gets light surfaces with dark
       form fields sitting in them. The <meta name="color-scheme"> in the
       templates cannot do this job: it is static and knows nothing about
       data-theme. */
    color-scheme: light;
    --md-sys-color-primary: #4B5E8B;
    --md-sys-color-on-primary: #F9F8FF;
    --md-sys-color-primary-container: #B8CBFF;
    --md-sys-color-on-primary-container: #2F436E;
    --md-sys-color-secondary: #585F72;
    --md-sys-color-on-secondary: #F9F8FF;
    --md-sys-color-secondary-container: #DCE2F9;
    --md-sys-color-on-secondary-container: #4B5164;
    --md-sys-color-tertiary: #6A5780;
    --md-sys-color-on-tertiary: #FFF6FF;
    --md-sys-color-tertiary-container: #EFDBFF;
    --md-sys-color-on-tertiary-container: #241338;
    --md-sys-color-error: #A83836;
    --md-sys-color-on-error: #FFF7F6;
    --md-sys-color-error-container: #FA746F;
    --md-sys-color-on-error-container: #6E0A12;
    --md-sys-color-background: #FAF8FE;
    --md-sys-color-on-background: #30323A;
    --md-sys-color-surface: #FAF8FE;
    --md-sys-color-on-surface: #30323A;
    --md-sys-color-surface-variant: #E1E2ED;
    --md-sys-color-on-surface-variant: #5C5F68;
    --md-sys-color-surface-container-lowest: #FFFFFF;
    --md-sys-color-surface-container-low: #F3F3FA;
    --md-sys-color-surface-container: #EDEDF6;
    --md-sys-color-surface-container-high: #E7E7F1;
    --md-sys-color-surface-container-highest: #E1E2ED;
    --md-sys-color-surface-dim: #D8D9E4;
    --md-sys-color-surface-bright: #FAF8FE;
    --md-sys-color-surface-tint: #4B5E8B;
    --md-sys-color-outline: #787A84;
    --md-sys-color-outline-variant: #B0B1BC;
    --md-sys-color-inverse-surface: #0D0E12;
    --md-sys-color-inverse-on-surface: #9D9CA2;
    --md-sys-color-inverse-primary: #B8CBFF;
    --md-sys-color-scrim: #000000;
    --md-sys-color-shadow: #000000;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --md-sys-color-primary: #B8C6EE;
    --md-sys-color-on-primary: #324060;
    --md-sys-color-primary-container: #445274;
    --md-sys-color-on-primary-container: #DAE3FF;
    --md-sys-color-secondary: #C0C6DC;
    --md-sys-color-on-secondary: #394052;
    --md-sys-color-secondary-container: #343B4D;
    --md-sys-color-on-secondary-container: #B8BFD5;
    --md-sys-color-tertiary: #EAD4FF;
    --md-sys-color-on-tertiary: #59466E;
    --md-sys-color-tertiary-container: #513F66;
    --md-sys-color-on-tertiary-container: #EFDBFF;
    --md-sys-color-error: #FA746F;
    --md-sys-color-on-error: #490006;
    --md-sys-color-error-container: #871F21;
    --md-sys-color-on-error-container: #FF9993;
    --md-sys-color-background: #0D0E12;
    --md-sys-color-on-background: #E4E5F0;
    --md-sys-color-surface: #0D0E12;
    --md-sys-color-on-surface: #E4E5F0;
    --md-sys-color-surface-variant: #23262E;
    --md-sys-color-on-surface-variant: #A9AAB5;
    --md-sys-color-surface-container-lowest: #000000;
    --md-sys-color-surface-container-low: #121318;
    --md-sys-color-surface-container: #17191F;
    --md-sys-color-surface-container-high: #1D1F26;
    --md-sys-color-surface-container-highest: #23262E;
    --md-sys-color-surface-dim: #0D0E12;
    --md-sys-color-surface-bright: #292C34;
    --md-sys-color-surface-tint: #B8C6EE;
    --md-sys-color-outline: #73757F;
    --md-sys-color-outline-variant: #454850;
    --md-sys-color-inverse-surface: #FAF8FE;
    --md-sys-color-inverse-on-surface: #545559;
    --md-sys-color-inverse-primary: #515E81;
    --md-sys-color-scrim: #000000;
    --md-sys-color-shadow: #000000;
  }
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --md-sys-color-primary: #B8C6EE;
    --md-sys-color-on-primary: #324060;
    --md-sys-color-primary-container: #445274;
    --md-sys-color-on-primary-container: #DAE3FF;
    --md-sys-color-secondary: #C0C6DC;
    --md-sys-color-on-secondary: #394052;
    --md-sys-color-secondary-container: #343B4D;
    --md-sys-color-on-secondary-container: #B8BFD5;
    --md-sys-color-tertiary: #EAD4FF;
    --md-sys-color-on-tertiary: #59466E;
    --md-sys-color-tertiary-container: #513F66;
    --md-sys-color-on-tertiary-container: #EFDBFF;
    --md-sys-color-error: #FA746F;
    --md-sys-color-on-error: #490006;
    --md-sys-color-error-container: #871F21;
    --md-sys-color-on-error-container: #FF9993;
    --md-sys-color-background: #0D0E12;
    --md-sys-color-on-background: #E4E5F0;
    --md-sys-color-surface: #0D0E12;
    --md-sys-color-on-surface: #E4E5F0;
    --md-sys-color-surface-variant: #23262E;
    --md-sys-color-on-surface-variant: #A9AAB5;
    --md-sys-color-surface-container-lowest: #000000;
    --md-sys-color-surface-container-low: #121318;
    --md-sys-color-surface-container: #17191F;
    --md-sys-color-surface-container-high: #1D1F26;
    --md-sys-color-surface-container-highest: #23262E;
    --md-sys-color-surface-dim: #0D0E12;
    --md-sys-color-surface-bright: #292C34;
    --md-sys-color-surface-tint: #B8C6EE;
    --md-sys-color-outline: #73757F;
    --md-sys-color-outline-variant: #454850;
    --md-sys-color-inverse-surface: #FAF8FE;
    --md-sys-color-inverse-on-surface: #545559;
    --md-sys-color-inverse-primary: #515E81;
    --md-sys-color-scrim: #000000;
    --md-sys-color-shadow: #000000;
}