/* OnProfit design system — single source of truth for tokens.
   Imported by every page (homepage + all subpages). Docs: design-system.md */
:root{
  /* Color palette — full White→Ink ramp (use the whole range so it reads layered, not "all blue") */
  --white:#FFFFFF; --surface:#F1F3FF; --panel:#E1E8FA; --soft:#B3C6F9; --canvas:#7C98F8; --bridge:#527EFF; --action:#3A6FFF; --deep:#24459D; --ink:#0D1A3B;
  --dot:#B3C6F9;   /* travelling-dot color — matches how the hero wave particles RENDER (light periwinkle, = --soft), not their dark base hex */
  --green:#3DDC97; --muted:var(--soft); --dim:rgba(124,152,248,.72);
  --ink-deep:#0A1330; --void:#061029;      /* deep backgrounds, below Ink */
  --error:#FF6B6B; --error-soft:#FF9A9A;    /* form validation (semantic) */
  --muted-ink:#8A93A8;                      /* muted text on light backgrounds (placeholders, secondary) */
  /* Tints — a palette colour at low alpha, written as 8-digit hex (#RRGGBBAA).
     These used to be nine hand-typed rgba() values that were all ONE unit off --soft, so
     they looked right but would never have followed a palette change. If you edit --soft
     or --deep, edit the matching tint below by hand: 8-digit hex cannot reference a var.
       --tint-soft        --soft (#B3C6F9) at 10%   secondary button, Menu pill, modal close
       --tint-soft-hover  --soft at 18%             their hover state
       --field-fill       --deep (#24459D) at 14%   form input background */
  --tint-soft:#B3C6F91A; --tint-soft-hover:#B3C6F92E; --field-fill:#24459D24;
  /* Type */
  --display:"Anaheim",-apple-system,sans-serif;
  --sans:"Geist","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  /* Radius: controls 4 / surfaces 8 / pill / tiny 2 (circles use 50%) */
  --radius-xs:2px; --radius-sm:4px; --radius-md:8px; --radius-pill:999px;
}