/*
 * Thinking Cedar brand tokens: the ONE file that names a colour, a font, a
 * radius or a space (admin `reference/brand.md`, "Build rule: swappable
 * brand"). site.css and the pages reference these by name only, so a palette
 * or font change is an edit here and nowhere else.
 *
 * Palette: Cedar & Amber (LOCKED 2026-11-10). Amber is an accent for shapes
 * and highlights, never body text; `--color-accent-text` is the one amber
 * that may carry words. Fonts: Gabarito for marketing headings and the
 * wordmark, Inter (with the Noto fallbacks) for everything else, both
 * self-hosted latin subsets (README.md has their sources and licence).
 */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/inter-latin-wght.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Gabarito";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("fonts/gabarito-latin-wght.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Colour */
  --color-primary: #1f4d3a;
  --color-primary-hover: #173d2e;
  --color-accent: #c8873a;
  --color-accent-text: #9a5f1c;
  --color-accent-on-dark: #e0a65c;
  --color-background: #f5f1e8;
  --color-surface: #ffffff;
  --color-ink: #1b2420;
  --color-muted: #5e6b63;
  --color-tint: #e3ebe4;
  --color-on-primary: #f5f1e8;
  --color-rule: #e3ebe4;
  /* Focus rings need 3:1 against what they sit on: green on the light
     sections (amber on cream is under 3:1), light amber on the green footer. */
  --color-focus: #1f4d3a;
  --color-focus-on-dark: #e0a65c;

  /* Type */
  --font-heading: "Gabarito", "Inter", system-ui, sans-serif;
  --font-body: "Inter", "Noto Sans Arabic", "Noto Sans SC", "Noto Sans Devanagari", "Noto Sans Gurmukhi", "Noto Sans",
    system-ui, sans-serif;
  --weight-body: 400;
  --weight-strong: 600;
  --weight-heading: 700;
  --text-small: 0.875rem;
  --text-body: 1.0625rem;
  --text-lead: 1.1875rem;
  --text-h3: 1.25rem;
  --text-h2: clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem);
  --text-h1: clamp(2.25rem, 1.6rem + 3vw, 3.5rem);
  --leading-body: 1.6;
  --leading-heading: 1.15;
  --measure: 40rem;

  /* Space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6.5rem;
  --gutter: 1.25rem;
  --page-width: 46rem;

  /* Shape */
  --radius-small: 0.375rem;
  --radius: 0.75rem;
  --radius-pill: 999px;
  --border-width: 1px;
  --focus-width: 3px;
  --logo-size: 2.25rem;  --marker-size: 0.625rem;
}