/* ContextRx — design tokens (single source of truth)
   Extracted from index.html (A0). index.html remains the visual source of truth;
   these are the same values, factored out so every page shares them.
   Brand + CTA discipline: see /logo/LOGO-USAGE.md. */
:root{
  /* palette */
  --ink:#0B1F2A; --slate:#11497A; --teal:#1E8A8F; --vital:#3DDC97;
  --amber:#F2A900; --coral:#E5484D; --mist:#F4F7F9; --cloud:#DCE5EA; --white:#FFFFFF;
  --ink-2:#2C4350; --ink-soft:#5B6D77; --slate-900:#0a2c4d;
  /* type */
  --display:'Inter Tight',sans-serif; --body:'Inter',sans-serif; --mono:'JetBrains Mono',monospace;
  /* 8-pt spacing scale */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px;
  /* layout */
  --maxw:1200px; --radius:12px; --radius-lg:20px;
  /* elevation */
  --shadow-sm:0 1px 2px rgba(11,31,42,.06),0 1px 3px rgba(11,31,42,.04);
  --shadow:0 4px 16px rgba(11,31,42,.08),0 1px 4px rgba(11,31,42,.05);
  --shadow-lg:0 24px 60px -12px rgba(11,31,42,.22),0 8px 24px rgba(11,31,42,.10);
}