/* brand.css : Dr. Thomas Whitfield
   Editorial, anti-wellness. Warm white pages, ink text, indigo buttons,
   burnt orange accents. Palette supplied by Amanda 2026-07-08.
   Type: Open Sauce One, self-hosted in /fonts (no logo yet; text wordmark). */

@font-face {
  font-family: "Open Sauce One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/open-sauce-one-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sauce One";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/open-sauce-one-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sauce One";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fonts/open-sauce-one-latin-900-normal.woff2") format("woff2");
}

:root {
  --color-primary: #2F3E7E;      /* indigo, buttons + links */
  --color-secondary: #263465;    /* darker indigo, hover/pressed */
  --color-accent: #DF6E48;       /* burnt orange: progress bar, selected, focus */
  --color-background: #FBFAF3;    /* warm white page */
  --color-surface: #FFFFFF;       /* form panel */
  --color-text: #24222F;          /* ink */
  --color-muted: #5A5A68;         /* subheads, footer */
  --color-track: #D8DDE3;         /* progress track, hairlines */
  --color-selected-bg: #EDF0F8;   /* chosen quiz option */
  --color-panel: #F8F3E2;         /* cream, next-step panel */
  --color-highlight: rgba(237, 198, 95, 0.35); /* mustard marker */

  --font-heading: "Open Sauce One", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-body: "Open Sauce One", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --weight-heading: 900;
  --weight-body: 400;

  --button-radius: 6px;
  --button-style: solid;

  --space-unit: 1rem;
  --section-gap: 3.5rem;
  --radius-surface: 10px;

  --focus-ring: 0 0 0 3px rgba(223, 110, 72, 0.5);
}