/* ============================================================
   AB/BA Conference 2026 — Design tokens
   Extracted from Figma "ab/ba new" → Landing page
   ============================================================ */

:root {
  /* --- Brand ------------------------------------------------ */
  --clr-navy:        #2E4080;  /* confirmed from Figma Fill */
  --clr-navy-deep:   #333B6E;
  --clr-coral:       #EB4E20;  /* CTA buttons, icon circles, dots */
  --clr-coral-hover: #CE3F16;
  --clr-amber:       #F0A02B;
  --clr-periwinkle:  #7B85D8;  /* submission cards, eyebrows */

  /* --- Section backgrounds ---------------------------------- */
  --clr-bg:          #F8F9FC;  /* default off-white */
  --clr-bg-grey:     #EDEDED;
  --clr-bg-salmon:   #F2DFD5;  /* paper guidelines */
  --clr-bg-mint:     #E9F8EE;  /* proceedings */
  --clr-bg-lavender: #E5E6F3;  /* workshops */
  --clr-surface:     #FFFFFF;

  /* --- Text ------------------------------------------------- */
  --clr-text:        #2E4080;
  --clr-text-muted:  #5A6494;
  --clr-text-invert: #FFFFFF;
  --clr-text-on-navy-muted: rgba(255, 255, 255, .82);

  /* --- Borders ---------------------------------------------- */
  --clr-border:      rgba(46, 64, 128, .18);
  --clr-border-soft: rgba(46, 64, 128, .10);

  /* --- Typography ------------------------------------------- */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Figma uses -2% letter-spacing on display type */
  --track-display: -0.02em;
  --track-eyebrow:  0.08em;

  /* Fluid type scale */
  --fs-display: clamp(2.25rem, 1.4rem + 3.4vw, 3.5rem);   /* hero h1 */
  --fs-h2:      clamp(1.5rem,  1.1rem + 1.6vw, 2.125rem);
  --fs-h3:      clamp(1.125rem, .98rem + .55vw, 1.375rem);
  --fs-lead:    clamp(1rem, .95rem + .3vw, 1.125rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-eyebrow: 0.8125rem;

  --lh-tight: 1.15;
  --lh-snug:  1.35;
  --lh-body:  1.6;

  /* --- Spacing scale (8pt) ---------------------------------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;

  --section-pad: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);

  /* --- Layout ----------------------------------------------- */
  --container:      1200px;
  --container-pad:  clamp(1.25rem, .75rem + 2.5vw, 4rem);
  --nav-h:          72px;

  /* --- Radii ------------------------------------------------ */
  --radius-sm:   6px;
  --radius:      10px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  /* --- Elevation -------------------------------------------- */
  --shadow-card: 0 2px 8px rgba(46, 64, 128, .08);
  --shadow-lift: 0 8px 24px rgba(46, 64, 128, .14);

  /* --- Motion ----------------------------------------------- */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur:  180ms;
}