/* tokens.css — derived by sr-tokens.mjs from computed (browser capture).
   Every value below traces to audit/design-baseline.json. Change values HERE,
   never at a call site: one source, or the system is not a system. */
:root {
  /* --- colour ------------------------------------------------------ */
  --c-1: #ffffff;
  --c-2: #000000;
  --c-3: #93605b;
  --c-4: #f4edf4;
  --c-5: #efefef;
  --c-6: #464451;
  --c-7: #ffd700;
  --c-8: #757575;
  --c-9: #eb1e1e;

  /* --- type -------------------------------------------------------- */
  --font-body: Raleway;
  --font-display: Arial;
  --fs-1: 9.756px;
  --fs-2: 10.5px;
  --fs-3: 11px;
  --fs-4: 11.025px;
  --fs-5: 12px;
  --fs-6: 12.6px;
  --fs-7: 13px;
  --fs-8: 13.3333px;
  --fs-9: 14px;
  --fs-10: 15px;
  --fs-11: 15.4px;
  --fs-12: 16.8px;
  --fs-13: 17.5px;
  --fs-14: 18px;
  --fs-15: 18.2px;
  --fs-16: 20px;
  --fs-17: 20.16px;
  --fs-18: 21px;
  --fs-19: 21.875px;
  --fs-20: 23.66px;
  --fs-21: 24.5px;
  --fs-22: 25.2px;
  --fs-23: 26.25px;
  --fs-24: 28px;
  --fs-25: 30px;
  --fs-26: 31.5px;
  --fs-27: 36px;

  /* --- space ------------------------------------------------------- */
  --sp-1: 2px;
  --sp-2: 4px;
  --sp-3: 4.375px;
  --sp-4: 5px;
  --sp-5: 6px;
  --sp-6: 7px;
  --sp-7: 8px;
  --sp-8: 8.4px;
  --sp-9: 8.75px;
  --sp-10: 10px;
  --sp-11: 10.5px;
  --sp-12: 11.9px;
  --sp-13: 12px;
  --sp-14: 14px;
  --sp-15: 15px;
  --sp-16: 16px;
  --sp-17: 20px;
  --sp-18: 25px;
  --sp-19: 28px;
  --sp-20: 30px;
  --sp-21: 40px;
  --sp-22: 50px;
  --sp-23: 80px;
  --sp-24: 200px;
  --sp-25: 240px;
  --sp-26: 300px;

  /* --- shape ------------------------------------------------------- */
  --radius-1: 10px;
  --radius-2: 50%;
  --radius-3: 5px;
  --radius-4: 100px;
  --shadow-1: rgb(174, 174, 174) 0px 0px 10px 0px;
  --shadow-2: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
  --shadow-3: rgba(0, 0, 0, 0.2) 0px 0px 2px 0px;

  /* --- layout ------------------------------------------------------ */
  --container: 100%;
  --bp-1: 1px;
  --bp-2: 321px;
  --bp-3: 480px;
  --bp-4: 600px;
  --bp-5: 640px;
  --bp-6: 641px;
  --bp-7: 700px;
  --bp-8: 761px;
  --bp-9: 768px;
  --bp-10: 769px;
  --bp-11: 790px;
  --bp-12: 800px;
  --bp-13: 900px;
  --bp-14: 992px;
  --bp-15: 993px;
  --bp-16: 1024px;
  --bp-17: 1100px;
  --bp-18: 1200px;
  --bp-19: 1201px;
}

/* --- owner pivot: white + rose gold (2026-09-25) ------------------------------------------------
   The palette the owner asked for, declared in the token layer and referenced by name from site.css.
   sr-tokens regenerates the block above from the source capture; keep this block if it is ever re-run. */
:root {
  /* rose gold scale (--rg-700 is the source's own measured accent, #93605b) */
  --rg-900: #6f403c;
  --rg-800: #7f4c47;
  --rg-700: #93605b;
  --rg-600: #a8756b;
  --rg-500: #b98175;
  --rg-400: #cf9e90;
  --rg-300: #e2bfb2;
  --rg-200: #efd7cd;
  --rg-100: #f8ebe5;
  --rg-50: #fdf7f4;
  /* warm neutrals and roles */
  --warm-ink: #2b1d1f;
  --warm-slate: #5b4447;
  --warm-text-soft: #6a5456;
  --rose-alert: #a8323f;
  --rose-star: #a6685a;
  /* the light field's pools, pre-pivot (violet/sky/peach) and rose-gold */
  --tint-violet: #b9a2e3;
  --tint-sky: #8fb6ea;
  --tint-peach: #f1c3b1;
  --rose-tint-1: #e8b9a8;
  --rose-tint-2: #f5dccf;
  --rose-tint-3: #f3c9b8;
  /* metallic rose gold (primary buttons) */
  --metal-1: #d19c8d;   /* lightened 2026-09-26: the darkest metal behind the label stays >= 4.5:1 with the text */
  --metal-2: #eecbbd;
  --metal-3: #fbe9df;
  --metal-4: #dfb0a1;
  --metal-5: #d09a8b;
  --metal-6: #eac5b6;
  --metal-7: #d19b8b;
  --metal-base: #dcae9f;
  --metal-ink: #2e1719;
  --metal-spec: #fff7f2;
  --metal-glow: #ffe3d6;
  /* emergency card (rose red family) */
  --emerg-rim: #b24a55;
  --emerg-hi: #cf6b73;
  --emerg-lo: #8f3a44;
}