/* Generated from Material Color Utilities (Material Theme Builder algorithm)
 * Seed / source: #006A6A
 * Do not edit by hand — re-run: npm run generate:theme
 */

:root,
html[data-theme="light"] {
  --md-sys-color-primary: #006a6a;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #6ff7f6;
  --md-sys-color-on-primary-container: #002020;
  --md-sys-color-secondary: #4a6363;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #cce8e7;
  --md-sys-color-on-secondary-container: #051f1f;
  --md-sys-color-tertiary: #4b607c;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #d3e4ff;
  --md-sys-color-on-tertiary-container: #041c35;
  --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-background: #fafdfc;
  --md-sys-color-on-background: #191c1c;
  --md-sys-color-surface: #fafdfc;
  --md-sys-color-on-surface: #191c1c;
  --md-sys-color-surface-variant: #dae5e4;
  --md-sys-color-on-surface-variant: #3f4948;
  --md-sys-color-outline: #6f7979;
  --md-sys-color-outline-variant: #bec9c8;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #2d3131;
  --md-sys-color-inverse-on-surface: #eff1f0;
  --md-sys-color-inverse-primary: #4cdada;
  --md-sys-color-surface-dim: #fafdfc;
  --md-sys-color-surface-bright: #fafdfc;
  --md-sys-color-surface-container-lowest: #fafdfc;
  --md-sys-color-surface-container-low: #fafdfc;
  --md-sys-color-surface-container: #fafdfc;
  --md-sys-color-surface-container-high: #dae5e4;
  --md-sys-color-surface-container-highest: #dae5e4;
  --md-sys-color-surface-tint: #006a6a;
  --md-sys-color-surface-tint: var(--md-sys-color-primary);

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

  /* Elevation (ambient shadows for layout chrome) */
  --md-sys-elevation-level1: 0 1px 2px 0 color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent), 0 1px 3px 1px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
  --md-sys-elevation-level2: 0 1px 2px 0 color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent), 0 2px 6px 2px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
  --md-sys-elevation-level3: 0 1px 3px 0 color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent), 0 4px 8px 3px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
}

html[data-theme="dark"] {
  --md-sys-color-primary: #4cdada;
  --md-sys-color-on-primary: #003737;
  --md-sys-color-primary-container: #004f4f;
  --md-sys-color-on-primary-container: #6ff7f6;
  --md-sys-color-secondary: #b0cccb;
  --md-sys-color-on-secondary: #1b3534;
  --md-sys-color-secondary-container: #324b4b;
  --md-sys-color-on-secondary-container: #cce8e7;
  --md-sys-color-tertiary: #b3c8e8;
  --md-sys-color-on-tertiary: #1c314b;
  --md-sys-color-tertiary-container: #334863;
  --md-sys-color-on-tertiary-container: #d3e4ff;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffb4ab;
  --md-sys-color-background: #191c1c;
  --md-sys-color-on-background: #e0e3e2;
  --md-sys-color-surface: #191c1c;
  --md-sys-color-on-surface: #e0e3e2;
  --md-sys-color-surface-variant: #3f4948;
  --md-sys-color-on-surface-variant: #bec9c8;
  --md-sys-color-outline: #889392;
  --md-sys-color-outline-variant: #3f4948;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #e0e3e2;
  --md-sys-color-inverse-on-surface: #2d3131;
  --md-sys-color-inverse-primary: #006a6a;
  --md-sys-color-surface-dim: #191c1c;
  --md-sys-color-surface-bright: #191c1c;
  --md-sys-color-surface-container-lowest: #191c1c;
  --md-sys-color-surface-container-low: #191c1c;
  --md-sys-color-surface-container: #191c1c;
  --md-sys-color-surface-container-high: #3f4948;
  --md-sys-color-surface-container-highest: #3f4948;
  --md-sys-color-surface-tint: #4cdada;
  --md-sys-color-surface-tint: var(--md-sys-color-primary);
}

/* Prefer system scheme when no explicit theme saved yet (overridden by JS) */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]):not([data-theme="dark"]) {
  --md-sys-color-primary: #4cdada;
  --md-sys-color-on-primary: #003737;
  --md-sys-color-primary-container: #004f4f;
  --md-sys-color-on-primary-container: #6ff7f6;
  --md-sys-color-secondary: #b0cccb;
  --md-sys-color-on-secondary: #1b3534;
  --md-sys-color-secondary-container: #324b4b;
  --md-sys-color-on-secondary-container: #cce8e7;
  --md-sys-color-tertiary: #b3c8e8;
  --md-sys-color-on-tertiary: #1c314b;
  --md-sys-color-tertiary-container: #334863;
  --md-sys-color-on-tertiary-container: #d3e4ff;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffb4ab;
  --md-sys-color-background: #191c1c;
  --md-sys-color-on-background: #e0e3e2;
  --md-sys-color-surface: #191c1c;
  --md-sys-color-on-surface: #e0e3e2;
  --md-sys-color-surface-variant: #3f4948;
  --md-sys-color-on-surface-variant: #bec9c8;
  --md-sys-color-outline: #889392;
  --md-sys-color-outline-variant: #3f4948;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #e0e3e2;
  --md-sys-color-inverse-on-surface: #2d3131;
  --md-sys-color-inverse-primary: #006a6a;
  --md-sys-color-surface-dim: #191c1c;
  --md-sys-color-surface-bright: #191c1c;
  --md-sys-color-surface-container-lowest: #191c1c;
  --md-sys-color-surface-container-low: #191c1c;
  --md-sys-color-surface-container: #191c1c;
  --md-sys-color-surface-container-high: #3f4948;
  --md-sys-color-surface-container-highest: #3f4948;
  --md-sys-color-surface-tint: #4cdada;
  }
}