/* Warm Clay brand colours (brand/GHC-brand-kit/palette) and the two typefaces:
   Figtree for text and Raleway for headings. */
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;700&family=Raleway:wght@500;600;700&display=swap");

:root {
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --tint: #FBF6F2;          /* warm page band */
  --ink: #241E1A;           /* headings, dark bands */
  --text: #241E1A;
  --muted: #605954;
  --line: #E1D9D3;          /* hairlines */
  --line-strong: #C7BFBA;   /* card borders and dividers */
  --input-line: #77706B;    /* form field outlines, 3:1 or better */
  --clay-tint: #FFE7DF;     /* sign-up band */
  --on-dark-muted: #E1D9D3; /* secondary text on ink */
  --accent: #AB5333;        /* clay: links, primary buttons */
  --accent-dark: #903F21;
  --gold: #EDC15A;          /* large shapes and buttons only, never small text on white */
  --gold-dark: #CA9D2A;
  --disabled: #8F8782;
  --error: #B71824;
  --font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Raleway", "Figtree", system-ui, sans-serif;
}