/* ==========================================================================
   tokens.css — the single source of truth for the visual system.
   Change a value here and it propagates everywhere.
   ========================================================================== */

:root{
  /* --- colour · Jay Ess Unity (blue primary, orange accent) --------------- */
  --ink:          #0d1b3e;   /* deepest navy — footers, dark sections       */
  --ink-2:        #16244f;   /* one step up — split panels                  */
  --field:        #1d5ae0;   /* Jay Ess blue — primary actions, headings    */
  --field-lt:     #4d86ee;   /* lighter blue — lines on dark                */
  --signal:       #f7801e;   /* Jay Ess orange — status, accents, one CTA   */
  --signal-dp:    #e4610b;
  --paper:        #eef2f9;   /* cool paper — default page ground            */
  --paper-2:      #f6f8fc;   /* lighter paper — alternating sections        */
  --white:        #FFFFFF;
  --rule:         #c7d2e8;
  --rule-soft:    #dbe3f2;
  --muted:        #5a6685;
  --muted-on-ink: #a9b7d8;

  /* --- type -------------------------------------------------------------- */
  --display: "Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;
  --body:    "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  /* --- layout ------------------------------------------------------------ */
  --wrap:  1220px;
  --gut:   clamp(20px, 5vw, 64px);
  --sec-y: clamp(72px, 9vw, 132px);
  --nav-h: 88px;

  /* --- motion ------------------------------------------------------------ */
  --ease:     cubic-bezier(.22,.7,.24,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --pop:      cubic-bezier(.3,1.6,.5,1);
}