/* ==========================================================================
   JCI New York — design tokens
   Source: JCI Brand Guidelines v1.2 (Nov 2025). Contrast ratios are WCAG 2.x.
   ========================================================================== */

:root {
  /* Primary palette */
  --jci-blue: #0097D7;   /* PMS 2925C — 35% of the mix */
  --jci-black: #130F2D;  /* PMS 5395C — 20% */
  --white: #FFFFFF;      /* 20% */

  /* Secondary palette */
  --jci-navy: #1F4789;   /* PMS 2728C — 10% */
  --jci-teal: #57BCBC;   /* PMS 3265C — 10% */
  --jci-yellow: #EFC40F; /* PMS 142C — 5%, accent only */

  /* Approved tints (75 / 50 / 25 / ~8%) */
  --blue-75: #40B1E1;
  --blue-50: #80CBEB;
  --blue-25: #BFE5F5;
  --blue-08: #EAF6FC;
  --navy-25: #C7D1E2;
  --teal-25: #D5EEEE;
  --teal-08: #F1F9F9;
  --yellow-25: #FBF0C3;
  --black-75: #4E4B62;
  --black-50: #898796;
  --black-08: #F2F2F4;

  /* Accessible derivatives — for text only, never replace the brand colour in graphics */
  --blue-ink: #0070A3;   /* 5.46:1 on white — links, small blue text */
  --teal-ink: #2A7F7F;   /* 4.73:1 on white — small teal labels */
  --text: var(--jci-black);   /* 18.5:1 on white */
  --text-muted: #5C5A6E;      /* 6.68:1 on white */
  --text-on-dark-muted: #B8B7C4; /* 9.36:1 on black */
  --paper: #FFFFFF;
  --paper-alt: #F4F6F9;
  --rule: #DCDCE3;

  /* Semantic section colours (shared layouts, colour-coded) */
  --c-research: var(--jci-navy);
  --c-events: var(--jci-blue);
  --c-impact: var(--jci-teal);
  --c-membership: var(--jci-yellow);

  /* Typography */
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-slab: "Arvo", Georgia, serif; /* quotes + callouts only */

  /* Golden-ratio scale, φ = 1.618, base 16px. Fluid between 360px and 1440px. */
  --fs-xs: 0.75rem;                                      /* 12px — tags, badges */
  --fs-label: 0.8125rem;                                 /* 13px */
  --fs-sm: 0.875rem;                                     /* 14px — notes, meta */
  --fs-0: 1rem;                                          /* 16 */
  --fs-1: clamp(1.25rem, 1.05rem + 0.6vw, 1.618rem);     /* 20 → 25.9 */
  --fs-2: clamp(1.618rem, 1.2rem + 1.6vw, 2.618rem);     /* 25.9 → 41.9 */
  --fs-3: clamp(2.2rem, 1.4rem + 3.4vw, 4.236rem);       /* 35 → 67.8 */
  --fs-4: clamp(2.8rem, 1.2rem + 6.6vw, 6.854rem);       /* 45 → 109.7 */
  --fs-5: clamp(3.2rem, 0.6rem + 11vw, 11.09rem);        /* 51 → 177.5 */
  --fs-hero: clamp(2.8rem, 1rem + 7.5vw, 8.5rem);        /* inner-page h1: 45 → 136, below the home h1 */

  --lh-display: 0.95;
  --lh-title: 1.1;
  --lh-sub: 1.3;
  --lh-body: 1.55;

  /* Spacing, also on φ */
  --sp-1: 0.375rem;
  --sp-2: 0.618rem;
  --sp-3: 1rem;
  --sp-4: 1.618rem;
  --sp-5: 2.618rem;
  --sp-6: 4.236rem;
  --sp-7: 6.854rem;
  --section-y: clamp(4rem, 2.5rem + 6vw, 8.5rem);

  --wrap: 1360px;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.618rem);
  --radius: 4px;
  --radius-lg: 10px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --header-h: 76px;
}