/* Generated by scripts/build_tokens.py from tokens.json. Edit tokens.json, then rebuild; do not edit by hand. */
:root {
  color-scheme: light dark;
  /* reference palette */
  --ref-color-delft: #1e56a7;
  --ref-color-sky: #6ea8e8;
  --ref-color-light-blue: #c7d8f7;
  --ref-color-cloud: #f3f6fa;
  --ref-color-navy: #0b1f3b;
  --ref-color-white: #ffffff;
  --ref-color-sky-soft: #8db8ee;
  --ref-color-sky-pale: #a9c8f5;
  --ref-color-mist: #b9c9e4;
  --ref-color-steel: #2a3d5c;
  --ref-color-night: #08162b;
  --ref-color-band-night: #122b4f;
  --ref-color-frost: #e6ecf5;
  --ref-space-1: 4px;
  --ref-space-2: 8px;
  --ref-space-3: 12px;
  --ref-space-4: 16px;
  --ref-space-5: 20px;
  --ref-space-6: 24px;
  --ref-space-8: 32px;
  --ref-space-10: 40px;
  --ref-space-12: 48px;
  --ref-space-16: 64px;
  --ref-space-20: 80px;
  --ref-font-brand: "Inter", system-ui, sans-serif;
  --ref-font-plain: "Inter", system-ui, sans-serif;
  /* system roles (light) */
  --md-sys-color-primary: #1e56a7;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #dce7f8;
  --md-sys-color-on-primary-container: #0b1f3b;
  --md-sys-color-secondary: #4a5b75;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #e3eaf5;
  --md-sys-color-on-secondary-container: #0b1f3b;
  --md-sys-color-tertiary: #7c5800;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #ffdea6;
  --md-sys-color-on-tertiary-container: #271900;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #410002;
  --md-sys-color-success: #2e7d4f;
  --md-sys-color-success-container: #d3f0dd;
  --md-sys-color-background: #f3f6fa;
  --md-sys-color-on-background: #0b1f3b;
  --md-sys-color-surface: #f3f6fa;
  --md-sys-color-on-surface: #0b1f3b;
  --md-sys-color-surface-variant: #e1e8f2;
  --md-sys-color-on-surface-variant: #4a5b75;
  --md-sys-color-surface-dim: #d5deea;
  --md-sys-color-surface-bright: #f3f6fa;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #edf2f8;
  --md-sys-color-surface-container: #e7edf5;
  --md-sys-color-surface-container-high: #e1e8f2;
  --md-sys-color-surface-container-highest: #dae2ee;
  --md-sys-color-outline: #74839a;
  --md-sys-color-outline-variant: #dce4f0;
  --md-sys-color-inverse-surface: #0b1f3b;
  --md-sys-color-inverse-on-surface: #f3f6fa;
  --md-sys-color-inverse-primary: #a9c8f5;
  --md-sys-color-on-success: #ffffff;
  --md-sys-color-on-success-container: #0b3d22;
  --sys-elev-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px 1px rgba(0,0,0,.08);
  --sys-elev-2: 0 1px 2px rgba(0,0,0,.08), 0 2px 6px 2px rgba(0,0,0,.10);
  --sys-elev-3: 0 4px 8px 3px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.12);
  --sys-logo-a: #1e56a7;
  --sys-logo-b: #8db8ee;
  --sys-band-bg: #0b1f3b;
  --sys-band-fg: #ffffff;
  --sys-band-muted: #b9c9e4;
  --sys-band-line: rgba(255,255,255,.72);
  --sys-on-band-bg: #ffffff;
  --sys-on-band-fg: #0b1f3b;
  --sys-flow-main-bg: #1e56a7;
  --sys-flow-arrow: #6ea8e8;
  --sys-aside-logo-a: #ffffff;
  --sys-aside-logo-b: #a9c8f5;
  --sys-surface-card: var(--md-sys-color-surface-container-lowest);
  --sys-surface-card-nested: var(--md-sys-color-surface-container-low);
  --sys-chart-clicks: #1e56a7;
  --sys-chart-joins: #3975c1;
  --sys-chart-messages: #17a39d;
  --sys-chart-deposits: #0b1f3b;
  --sys-chart-spend: #b48a00;
  --sys-chart-muted: #c7d8f7;
  --sys-space-1: 4px;
  --sys-space-2: 8px;
  --sys-space-3: 12px;
  --sys-space-4: 16px;
  --sys-space-5: 20px;
  --sys-space-6: 24px;
  --sys-space-8: 32px;
  --sys-space-10: 40px;
  --sys-space-12: 48px;
  --sys-space-16: 64px;
  --sys-space-20: 80px;
  --sys-shape-xs: 4px;
  --sys-shape-sm: 8px;
  --sys-shape-md: 12px;
  --sys-shape-lg: 16px;
  --sys-shape-xl: 28px;
  --sys-shape-full: 999px;
  --sys-motion-short: 150ms;
  --sys-motion-medium: 250ms;
  --sys-motion-long: 400ms;
  --sys-ease-standard: cubic-bezier(.2,0,0,1);
  --sys-ease-emphasized: cubic-bezier(.05,.7,.1,1);
  --sys-fs-body: 1rem;
  --sys-fs-body-s: .875rem;
  --sys-fs-caption: .8rem;
  --sys-fs-micro: .75rem;
  /* layout density, state layers and Material Web wiring */
  --page-pad-y: var(--sys-space-8);
  --page-pad-bottom: var(--sys-space-16);
  --card-pad: var(--sys-space-6);
  --card-pad-compact: var(--sys-space-4);
  --form-gap: var(--sys-space-4);
  --form-group-gap: var(--sys-space-6);
  --content-measure: 68ch;
  --state-hover: 8%;
  --state-focus: 12%;
  --state-pressed: 12%;
  --md-ref-typeface-brand: "Inter", system-ui, sans-serif;
  --md-ref-typeface-plain: "Inter", system-ui, sans-serif;
  --md-outlined-field-container-shape: 8px;
  --md-outlined-text-field-container-shape: 8px;
  --md-outlined-select-text-field-container-shape: 8px;
  --md-filled-button-container-shape: 12px;
  --md-outlined-button-container-shape: 12px;
  --md-filled-tonal-button-container-shape: 12px;
  --md-sys-typescale-body-large-font: "Inter", system-ui, sans-serif;
  --md-sys-typescale-label-large-font: "Inter", system-ui, sans-serif;
  --md-sys-typescale-body-font: var(--md-ref-typeface-plain);
  --md-outlined-button-outline-color: var(--md-sys-color-primary);
  --md-outlined-button-outline-width: 2px;
}

/* A forced theme also picks the browser scheme for scrollbars and form controls. */
:root[data-theme="light"] { color-scheme: light; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --md-sys-color-primary: #a9c8f5;
    --md-sys-color-on-primary: #0b1f3b;
    --md-sys-color-primary-container: #1e56a7;
    --md-sys-color-on-primary-container: #e3edfc;
    --md-sys-color-secondary: #b9c9e4;
    --md-sys-color-on-secondary: #14233b;
    --md-sys-color-secondary-container: #23385a;
    --md-sys-color-on-secondary-container: #e3eaf5;
    --md-sys-color-tertiary: #f1c048;
    --md-sys-color-on-tertiary: #412d00;
    --md-sys-color-tertiary-container: #5d4200;
    --md-sys-color-on-tertiary-container: #ffdea6;
    --md-sys-color-error: #ffb4ab;
    --md-sys-color-on-error: #690005;
    --md-sys-color-error-container: #93000a;
    --md-sys-color-on-error-container: #ffdad6;
    --md-sys-color-success: #8fd5a6;
    --md-sys-color-success-container: #1d5c36;
    --md-sys-color-background: #08162b;
    --md-sys-color-on-background: #e6ecf5;
    --md-sys-color-surface: #08162b;
    --md-sys-color-on-surface: #e6ecf5;
    --md-sys-color-surface-variant: #2a3d5c;
    --md-sys-color-on-surface-variant: #b9c9e4;
    --md-sys-color-surface-dim: #08162b;
    --md-sys-color-surface-bright: #2a3d5c;
    --md-sys-color-surface-container-lowest: #061020;
    --md-sys-color-surface-container-low: #0e1e36;
    --md-sys-color-surface-container: #122440;
    --md-sys-color-surface-container-high: #1a2d4c;
    --md-sys-color-surface-container-highest: #233758;
    --md-sys-color-outline: #8193af;
    --md-sys-color-outline-variant: #2a3d5c;
    --md-sys-color-inverse-surface: #e6ecf5;
    --md-sys-color-inverse-on-surface: #0b1f3b;
    --md-sys-color-inverse-primary: #1e56a7;
    --md-sys-color-on-success: #0b3d22;
    --md-sys-color-on-success-container: #d3f0dd;
    --sys-elev-1: 0 1px 3px rgba(0,0,0,.4);
    --sys-elev-2: 0 2px 6px rgba(0,0,0,.45);
    --sys-elev-3: 0 6px 16px rgba(0,0,0,.5);
    --sys-logo-a: #ffffff;
    --sys-logo-b: #a9c8f5;
    --sys-band-bg: #122b4f;
    --sys-band-fg: #ffffff;
    --sys-band-muted: #b9c9e4;
    --sys-band-line: rgba(255,255,255,.72);
    --sys-on-band-bg: #ffffff;
    --sys-on-band-fg: #0b1f3b;
    --sys-flow-main-bg: #1e56a7;
    --sys-flow-arrow: #6ea8e8;
    --sys-aside-logo-a: #ffffff;
    --sys-aside-logo-b: #a9c8f5;
    --sys-surface-card: var(--md-sys-color-surface-container);
    --sys-surface-card-nested: var(--md-sys-color-surface-container-high);
    --sys-chart-clicks: #a9c8f5;
    --sys-chart-joins: #6aa2e6;
    --sys-chart-messages: #268a85;
    --sys-chart-deposits: #ffffff;
    --sys-chart-spend: #f1c048;
    --sys-chart-muted: #2a3d5c;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --md-sys-color-primary: #a9c8f5;
  --md-sys-color-on-primary: #0b1f3b;
  --md-sys-color-primary-container: #1e56a7;
  --md-sys-color-on-primary-container: #e3edfc;
  --md-sys-color-secondary: #b9c9e4;
  --md-sys-color-on-secondary: #14233b;
  --md-sys-color-secondary-container: #23385a;
  --md-sys-color-on-secondary-container: #e3eaf5;
  --md-sys-color-tertiary: #f1c048;
  --md-sys-color-on-tertiary: #412d00;
  --md-sys-color-tertiary-container: #5d4200;
  --md-sys-color-on-tertiary-container: #ffdea6;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-success: #8fd5a6;
  --md-sys-color-success-container: #1d5c36;
  --md-sys-color-background: #08162b;
  --md-sys-color-on-background: #e6ecf5;
  --md-sys-color-surface: #08162b;
  --md-sys-color-on-surface: #e6ecf5;
  --md-sys-color-surface-variant: #2a3d5c;
  --md-sys-color-on-surface-variant: #b9c9e4;
  --md-sys-color-surface-dim: #08162b;
  --md-sys-color-surface-bright: #2a3d5c;
  --md-sys-color-surface-container-lowest: #061020;
  --md-sys-color-surface-container-low: #0e1e36;
  --md-sys-color-surface-container: #122440;
  --md-sys-color-surface-container-high: #1a2d4c;
  --md-sys-color-surface-container-highest: #233758;
  --md-sys-color-outline: #8193af;
  --md-sys-color-outline-variant: #2a3d5c;
  --md-sys-color-inverse-surface: #e6ecf5;
  --md-sys-color-inverse-on-surface: #0b1f3b;
  --md-sys-color-inverse-primary: #1e56a7;
  --md-sys-color-on-success: #0b3d22;
  --md-sys-color-on-success-container: #d3f0dd;
  --sys-elev-1: 0 1px 3px rgba(0,0,0,.4);
  --sys-elev-2: 0 2px 6px rgba(0,0,0,.45);
  --sys-elev-3: 0 6px 16px rgba(0,0,0,.5);
  --sys-logo-a: #ffffff;
  --sys-logo-b: #a9c8f5;
  --sys-band-bg: #122b4f;
  --sys-band-fg: #ffffff;
  --sys-band-muted: #b9c9e4;
  --sys-band-line: rgba(255,255,255,.72);
  --sys-on-band-bg: #ffffff;
  --sys-on-band-fg: #0b1f3b;
  --sys-flow-main-bg: #1e56a7;
  --sys-flow-arrow: #6ea8e8;
  --sys-aside-logo-a: #ffffff;
  --sys-aside-logo-b: #a9c8f5;
  --sys-surface-card: var(--md-sys-color-surface-container);
  --sys-surface-card-nested: var(--md-sys-color-surface-container-high);
  --sys-chart-clicks: #a9c8f5;
  --sys-chart-joins: #6aa2e6;
  --sys-chart-messages: #268a85;
  --sys-chart-deposits: #ffffff;
  --sys-chart-spend: #f1c048;
  --sys-chart-muted: #2a3d5c;
}