/* Theme: tony-blue — generated by make-theme.mjs
 * seed #1565ff · variant fidelity · contrast 0 · shape round
 * Load AFTER m3-core.css. Only theme-specific values live here. */

:root {
  /* Exact brand colors as supplied (decorative use only — not contrast-checked) */
  --brand-seed: #1565ff;
  --brand-tertiary: #00c2e0;

  /* Typefaces */
  --md-ref-typeface-brand: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --md-ref-typeface-plain: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Shape */
  --md-sys-shape-corner-extra-small: 8px;
  --md-sys-shape-corner-small: 12px;
  --md-sys-shape-corner-medium: 20px;
  --md-sys-shape-corner-large: 28px;
  --md-sys-shape-corner-extra-large: 36px;

  /* Color — light */
  color-scheme: light;
  --md-sys-color-primary: #004ed0;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #1565ff;
  --md-sys-color-on-primary-container: #f8f7ff;
  --md-sys-color-inverse-primary: #b4c5ff;
  --md-sys-color-secondary: #445ba0;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #9cb3fe;
  --md-sys-color-on-secondary-container: #2b4487;
  --md-sys-color-tertiary: #006273;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #007d91;
  --md-sys-color-on-tertiary-container: #ecfaff;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-background: #faf8ff;
  --md-sys-color-on-background: #191b24;
  --md-sys-color-surface: #faf8ff;
  --md-sys-color-on-surface: #191b24;
  --md-sys-color-surface-variant: #dfe1f5;
  --md-sys-color-on-surface-variant: #424656;
  --md-sys-color-surface-dim: #d8d9e6;
  --md-sys-color-surface-bright: #faf8ff;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f2f3ff;
  --md-sys-color-surface-container: #ecedfa;
  --md-sys-color-surface-container-high: #e7e7f4;
  --md-sys-color-surface-container-highest: #e1e2ee;
  --md-sys-color-inverse-surface: #2e303a;
  --md-sys-color-inverse-on-surface: #eff0fd;
  --md-sys-color-surface-tint: #0053db;
  --md-sys-color-outline: #737687;
  --md-sys-color-outline-variant: #c2c6d8;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
}

/* Dark: follows OS unless a theme is forced with data-theme */
@media (prefers-color-scheme: dark) {
  :root[data-theme="dark-os"] {
    color-scheme: dark;
    --md-sys-color-primary: #b4c5ff;
    --md-sys-color-on-primary: #002a78;
    --md-sys-color-primary-container: #1565ff;
    --md-sys-color-on-primary-container: #f8f7ff;
    --md-sys-color-inverse-primary: #0053db;
    --md-sys-color-secondary: #b4c5ff;
    --md-sys-color-on-secondary: #0e2b6e;
    --md-sys-color-secondary-container: #2d4589;
    --md-sys-color-on-secondary-container: #a0b6ff;
    --md-sys-color-tertiary: #3cd8f6;
    --md-sys-color-on-tertiary: #003640;
    --md-sys-color-tertiary-container: #007d91;
    --md-sys-color-on-tertiary-container: #ecfaff;
    --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-background: #11131c;
    --md-sys-color-on-background: #e1e2ee;
    --md-sys-color-surface: #11131c;
    --md-sys-color-on-surface: #e1e2ee;
    --md-sys-color-surface-variant: #424656;
    --md-sys-color-on-surface-variant: #c2c6d8;
    --md-sys-color-surface-dim: #11131c;
    --md-sys-color-surface-bright: #373943;
    --md-sys-color-surface-container-lowest: #0b0e16;
    --md-sys-color-surface-container-low: #191b24;
    --md-sys-color-surface-container: #1d1f28;
    --md-sys-color-surface-container-high: #272a33;
    --md-sys-color-surface-container-highest: #32343e;
    --md-sys-color-inverse-surface: #e1e2ee;
    --md-sys-color-inverse-on-surface: #2e303a;
    --md-sys-color-surface-tint: #b4c5ff;
    --md-sys-color-outline: #8c90a1;
    --md-sys-color-outline-variant: #424656;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
  }
}
[data-theme="dark"] {
  color-scheme: dark;
  --md-sys-color-primary: #b4c5ff;
  --md-sys-color-on-primary: #002a78;
  --md-sys-color-primary-container: #1565ff;
  --md-sys-color-on-primary-container: #f8f7ff;
  --md-sys-color-inverse-primary: #0053db;
  --md-sys-color-secondary: #b4c5ff;
  --md-sys-color-on-secondary: #0e2b6e;
  --md-sys-color-secondary-container: #2d4589;
  --md-sys-color-on-secondary-container: #a0b6ff;
  --md-sys-color-tertiary: #3cd8f6;
  --md-sys-color-on-tertiary: #003640;
  --md-sys-color-tertiary-container: #007d91;
  --md-sys-color-on-tertiary-container: #ecfaff;
  --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-background: #11131c;
  --md-sys-color-on-background: #e1e2ee;
  --md-sys-color-surface: #11131c;
  --md-sys-color-on-surface: #e1e2ee;
  --md-sys-color-surface-variant: #424656;
  --md-sys-color-on-surface-variant: #c2c6d8;
  --md-sys-color-surface-dim: #11131c;
  --md-sys-color-surface-bright: #373943;
  --md-sys-color-surface-container-lowest: #0b0e16;
  --md-sys-color-surface-container-low: #191b24;
  --md-sys-color-surface-container: #1d1f28;
  --md-sys-color-surface-container-high: #272a33;
  --md-sys-color-surface-container-highest: #32343e;
  --md-sys-color-inverse-surface: #e1e2ee;
  --md-sys-color-inverse-on-surface: #2e303a;
  --md-sys-color-surface-tint: #b4c5ff;
  --md-sys-color-outline: #8c90a1;
  --md-sys-color-outline-variant: #424656;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
}