:root,
:root[data-theme="light"] {
  color-scheme: light;

  /* Typography */
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-ui: var(--font-body);
  --font-logo: "Spectral", Georgia, "Times New Roman", serif;
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;

  /* Core Agora palette */
  --agora-cloud: #f5f5f5;
  --agora-slate: #7c809b;
  --agora-orange: #d3630d;
  --agora-night: #0e1f2f;
  --agora-burgundy: #721121;

  /* Semantic tokens for the public site */
  --color-background: var(--agora-cloud);
  --color-surface: #ffffff;
  --color-surface-soft: #ececf1;
  --color-text: var(--agora-night);
  --color-text-muted: var(--agora-slate);
  --color-border: #d6d8e1;
  --color-accent: var(--agora-orange);
  --color-accent-strong: var(--agora-burgundy);
  --color-highlight: var(--agora-slate);
  --color-button-text: #ffffff;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  /* Semantic tokens map to the dark surface scale used by site.css so the
     authenticated and account-shell pages flip with the public theme switch
     instead of staying stuck in light mode. */
  --color-background: #09111a;
  --color-surface: #162230;
  --color-surface-soft: #13202d;
  --color-text: #f3f5f9;
  --color-text-muted: rgba(243, 245, 249, 0.72);
  --color-border: rgba(167, 177, 202, 0.22);
  --color-accent: #e37a24;
  --color-accent-strong: #ff9aad;
  --color-highlight: #a7b1ca;
  --color-button-text: #ffffff;
}