/* ---------------------------------------------------------------------------
   HERA AERIALS — the palette. THE ONLY FILE THIS DEPLOYMENT EDITS.
   ---------------------------------------------------------------------------
   ⭐⭐ EVERY VALUE BELOW IS SAMPLED FROM HER OWN PRINTED CARDS — the three PDFs
   in `clients/hera-aerials/assets/` (`4th.pdf`, `8th .pdf`, `HALF YEAR.pdf`),
   rendered at 300 dpi and measured per region: the watercolour ground at its
   palest and deepest, the gold of the mark, the gold of the display type, and
   the bronze her body text is actually set in. Nothing here is eyeballed and
   nothing is borrowed from the photography.

   ⛔ TOKENS ONLY. `style.css` is byte-identical to the master and must stay so —
   a shared change is copied straight over it. `prove-site.mjs` fails if a
   component selector appears in this file; if something cannot be expressed as
   a token, the token belongs in the MASTER so every studio can set it.

   ⚠️ Contrast measured against WCAG AA: ink on paper 10.7:1 · gold on paper
   5.3:1 · white on the gold button 5.3:1 · ink on the blush wash 8.0:1. The one
   pairing that does not reach 4.5 is gold text ON the blush wash (3.9:1) — it
   occurs only as a link hover inside the hero, at large size.

   ⛔ THE PERIWINKLE / NAVY SET IS DELIBERATELY ABSENT. Four images from the
   second shoot sit on a completely different ground; until Shahinda says
   whether that is a sub-brand or an outtake, mixing it in reads as two brands.
   --------------------------------------------------------------------------- */

/* ⚠️ Her display face is a HIGH-CONTRAST SERIF — the cards are flat raster with
   no text layer, so the exact face cannot be read off them. Cormorant Garamond
   is the closest widely available match to the "Starter Package" lettering.
   ⏳ ASK SHAHINDA FOR THE CARD SOURCE FILES (Canva / Illustrator) and set the
   real face here. Until then this is an approximation, and it is named as one.
   ⓘ @import rather than a <link> in every page, so this deployment stays two
   files different from the master. The CSP already allows fonts.googleapis.com. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&display=swap");

:root {
  /* ⭐ The deepest ink anywhere on her artwork — the STARTS / ENDS lettering on
     the Golden card. A warm bronze-brown, not a neutral black. */
  --ink: #5A3607;
  --ink-soft: #7A5A2E;

  --paper: #FFFFFF;
  /* The watercolour ground at its palest and its deepest, off the Starter card. */
  --wash: #FDD6C8;
  --line: #F7B9AA;

  /* ⭐ The gold of "Starter Package" — the display gold, which is markedly
     deeper than the foil highlights. The pale golds (#F1C36E, #F0B65F) are
     highlight on print and do not hold as a text or a button colour on white. */
  --accent: #916304;
  --accent-ink: #FFFFFF;

  /* ⚠️ Functional, not brand: these must stay legible as green and red, or
     "out of stock" reads as decoration. Left at the master's values. */
  --good: #2F6B46;
  --bad: #A33A2C;

  /* ⭐⭐ The punch card gets her actual card stock. The token holds a gradient
     because `background:` accepts one — the watercolour runs pale at the top
     left to deep at the bottom right, exactly as printed. */
  --card-ground: linear-gradient(150deg, #FDD6C8 0%, #FCC9B9 45%, #F7B9AA 100%);
  /* The thin gold ring drawn around every empty circle on the card. */
  --card-line: #E2A750;
  /* ⭐ A filled circle is a gold stamp on blush — the logo's mid gold, which is
     what a stamp would leave. */
  --dot-fill: #A97827;

  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Arabic has no Cormorant, so the display face falls to Noto Naskh — which the
   master already loads and already sizes for RTL. */
:root:lang(ar),
html[dir="rtl"] {
  --font-display: "Noto Naskh Arabic", "Cormorant Garamond", serif;
  --font-text: "Noto Naskh Arabic", "Segoe UI", system-ui, sans-serif;
}