/* Design tokens — single source of truth for colour, type, spacing, radii.
 * Mirrors the tokens defined in the design handoff (Homepage Redesign.html). */

:root {
  /* Surface */
  --paper: #f5efe6;
  --paper-2: #ece4d6;
  --sand: #e3d6bf;
  --white: #fffdf8;

  /* Ink */
  --ink: #1a201d;
  --ink-2: #3a3f3a;
  --muted: #75726a;
  --rule: #d8cdb8;

  /* Brand */
  --teal: #0c4a4a;
  --teal-2: #0d5a59;
  --teal-deep: #0a3838;
  --terra: #b85a3c;
  --terra-soft: #d97a5a;
  --gold: #a98142;

  /* Type — the brand faces (Instrument Serif / Manrope) cover Latin only;
   * the trailing families give Arabic / CJK / Cyrillic glyph coverage when
   * the site is machine-translated (GTranslate). */
  --serif: "Instrument Serif", "Times New Roman", "Noto Naskh Arabic", "Noto Serif SC", serif;
  --sans: "Manrope", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", "Noto Sans SC", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;

  /* Layout */
  --maxw: 1320px;
  --pad: 36px;

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
}