/* Shared website typography and semantic brand roles. */
@font-face { font-family: Figtree; src: url("/brand/fonts/figtree-variable.ttf") format("truetype"); font-style: normal; font-weight: 400 700; font-display: swap; }
@font-face { font-family: Fraunces; src: url("/brand/fonts/fraunces-variable.ttf") format("truetype"); font-style: normal; font-weight: 600 700; font-display: swap; }
:root {
  color-scheme: light;
  --sky: var(--background); --paper: #F7F3EA; --ink: var(--text);
  --rule: #C8D2C8; --lake: var(--link); --sun: #F2B544; --clay: #AA513D;
  --chip: var(--surface); --chip-on: var(--action); --chip-on-ink: var(--onAction);
  --shadow: 0 8px 24px rgb(23 61 54 / .08);
  --g0: #3fa66b; --g1: #9cc24a; --g2: #e9bf35; --g3: #ef8a3b; --g4: #df4b3b; --g5: #9d2a68;
  --display: var(--font-display); --body: var(--font-body); --mono: var(--font-body);
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --background: #102B26; --text: #F7F3EA; --muted: #C8DBD2;
    --action: #F2B544; --onAction: #173D36; --link: #8AD3DC;
    --surface: #173D36; --focus: #F2B544;
    --paper: #173D36; --rule: #53665E; --clay: #F2B544;
    --shadow: 0 8px 24px rgb(0 0 0 / .2);
  }
}