/* Material 3-inspired semantic tokens for the public site.
 * Keep these roles independent from component selectors so future light/dark
 * themes and page-specific surfaces can be added without rewriting layout CSS.
 */
:root {
  --md-sys-color-primary: #0f766e;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #b8f2ed;
  --md-sys-color-on-primary-container: #00201e;
  --md-sys-color-secondary: #4a6360;
  --md-sys-color-secondary-container: #cce8e4;
  --md-sys-color-on-secondary-container: #051f1d;
  --md-sys-color-surface: #f8fafc;
  --md-sys-color-surface-container-low: #f1f5f9;
  --md-sys-color-surface-container: #e9eef2;
  --md-sys-color-surface-container-high: #dfe7ed;
  --md-sys-color-on-surface: #0f172a;
  --md-sys-color-on-surface-variant: #475569;
  --md-sys-color-outline: #64748b;
  --md-sys-color-outline-variant: #cbd5e1;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-shadow: #0f172a;
  --md-sys-color-inverse-surface: #0f172a;
  --md-sys-color-on-inverse-surface: #ffffff;
  --md-sys-color-topic: #0f766e;
  --md-sys-color-concept: #c2410c;
  --md-sys-color-entity: #2563eb;
  --md-sys-color-technique: #7c3aed;
  --md-sys-color-article: #64748b;

  --md-ref-typeface-brand: "Syne", "Avenir Next", "Segoe UI", sans-serif;
  --md-ref-typeface-plain: "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --md-ref-shape-corner-small: 0.35rem;
  --md-ref-shape-corner-medium: 0.65rem;
  --md-ref-shape-corner-large: 1rem;

  --md-sys-state-hover-opacity: 0.08;
  --md-sys-state-focus-opacity: 0.12;
  --md-sys-state-pressed-opacity: 0.12;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Reserved for the follow-up theme slice; the public site remains light
       until every page has a dark-theme contrast review. */
    color-scheme: light;
  }
}