/* Shared palette for every page.
 *
 * Linked from gallery, about, start, terms and example-scope before each
 * page's own <style>, so page rules still win on source order.
 *
 * Two things that live outside this file and must be changed with it:
 *   - logo.svg hardcodes --signal (#7F77DD) and --violet-ink (#4E3368). It is
 *     loaded via <img>, so it cannot read these custom properties. Change both
 *     places together and bump the ?v= on the logo's src.
 *   - nginx sends no Cache-Control, so bump ?v= on this file's <link> too.
 *
 * --signal doubles as the AI signature ink and the page's general accent
 * (focus rings, h1 em, link hovers). Changing it changes both roles.
 *
 * Where a token has a hex then an oklch on the next line, the hex is the
 * fallback for browsers without oklch support. Keep both.
 */

:root{
  /* colour */
  --wall:#E7E8E2;
  --paper:#FAF7F0; /* was #FBFBF8 in gallery/start/terms/example-scope, #FAF7F0 in about */
  --cream-rgb:235,226,214;
  --ink:#16181A;
  --muted:#393A35;
  --hair:#CFD1C9;
  --signal:#7F77DD;
  --signal-dark:#534AB7;
  --violet:#7F71C7;
  --violet-rgb:127,113,199;
  --violet-tint:#EFEDFB;
  --heading:#26215C;
  --plinth:#DCE3DB;

  /* new palette */
  --cream:#EBE2D6; /* hero.png paper, mean of the surface at the band's lower edge */
  --cream-raised:#fffbf6;
  --cream-raised:oklch(0.99 0.008 75);
  --hairline:#e3ddd5;
  --hairline:oklch(0.90 0.012 75);
  --violet-50:#f4f4ff;
  --violet-50:oklch(0.97 0.015 285);
  --violet-100:#e1e2fc;
  --violet-100:oklch(0.92 0.035 285);
  --violet-200:#cccdf4;
  --violet-200:oklch(0.86 0.055 285);
  --violet-500:#807cc6;
  --violet-500:oklch(0.62 0.11 285);
  --violet-600:#6863b1;
  --violet-600:oklch(0.54 0.12 285);
  --violet-800:#3e3875;
  --violet-800:oklch(0.38 0.10 285);
  --violet-900:#211c48;
  --violet-900:oklch(0.26 0.08 285);
  /* brand ink: the darkest violet passage in hero.png. logo.svg mirrors this
     value literally -- see the note at the top of this file. */
  --violet-ink:#4E3368;
  --veil:rgba(255,255,255,.85);
  --fibre:60,45,20;

  /* type */
  --display:"Fraunces",Georgia,serif;
  --body:"Archivo",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --text-3xs:9px;
  --text-2xs:12px;
  --text-xs:14px;
  --text-base:18px;
  --text-lg:23px;
  --text-xl:28px;
  --text-2xl:35px;
  --text-3xl:44px;
  --text-4xl:55px;
  --text-5xl:69px;

  /* spacing (8px scale) */
  --space-8:8px;
  --space-16:16px;
  --space-24:24px;
  --space-32:32px;
  --space-48:48px;
  --space-64:64px;
  --space-96:96px;
}