/* Design tokens. Brand values from the live site: #0d0d0d, #f4f4ef, #b8b090.
   Charcoal is the default; linen is the alternative theme, chosen with the header toggle. */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/fonts/cormorant-garamond-latin.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Brand */
  --brand-black: #0d0d0d;
  --brand-white: #f4f4ef;
  --brand-gold: #b8b090;
  --spark-gold: #e0b84a;

  /* Type */
  /* Brand DARK style: Georgia Pro headings, Cormorant Garamond body, typewriter labels. */
  --font-display: "Georgia Pro", Georgia, "Times New Roman", serif;
  --font-body: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-mono: "American Typewriter", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-wordmark: "Georgia Pro", Georgia, "Times New Roman", serif;

  --step--1: 0.875rem;
  --step-0: 1.1875rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --step-3: clamp(2rem, 1.5rem + 2.2vw, 3rem);
  --step-4: clamp(2.25rem, 1.6rem + 2.6vw, 3.6rem);

  /* Space */
  --gutter: clamp(16px, 4vw, 48px);
  --section: clamp(56px, 8vw, 112px);
  --radius: 0;               /* brand: no rounded corners */
  --max: 1160px;
  --narrow: 760px;
  --header-h: 112px;

  /* Colour: charcoal (default) */
  --bg: #1c1c1b;
  --surface: #232322;
  --surface-2: #2a2a28;
  --text: #f4f4ef;
  --muted: #b3b3aa;            /* 6.8:1 on the darkest surface */
  --border: #3a3a37;
  --accent: #b8b090;           /* brand gold, 6.6:1 or better */
  --spark: #e0b84a;            /* fill colour */
  --spark-ink: #0d0d0d;        /* text on spark fill (10.3:1) */
  --spark-text: #e0b84a;       /* spark-coloured text, 7.6:1 or better */
  --focus: #e0b84a;
  --error: #ff8a80;
  --primary-bg: #f4f4ef;
  --primary-ink: #0d0d0d;
  color-scheme: dark;
}

/* Linen: grey-based light theme, chosen with the header toggle. */
:root[data-theme="linen"] {
  --bg: #e6e5e0;
  --surface: #efeeea;
  --surface-2: #dcdad3;
  --text: #0d0d0d;
  --muted: #4f4f49;            /* 5.9:1 or better */
  --border: #c9c7bf;
  --accent: #5f583a;           /* deep gold, 5.1:1 or better */
  --spark: #e0b84a;
  --spark-ink: #0d0d0d;
  --spark-text: #6b510b;       /* 5.3:1 or better */
  --focus: #6b510b;
  --error: #b3261e;
  --primary-bg: #0d0d0d;
  --primary-ink: #f4f4ef;
  color-scheme: light;
}