/* ============================================================
   Shivraj Singh — EVENT LOOP design tokens
   Token-source file: literals belong here and nowhere else.

   Palette + type lifted directly from shivrajfordublin.com
   (:root scales read off the live site 2026-08-01), so the loop
   is visually continuous with the website and printed material.

   NOTE: deliberately separate from outputs/campaign-tokens.css,
   which is the INTERNAL strategy-doc palette (white / Dublin green).
   ============================================================ */

:root {
  /* ---------- navy scale (site --clr-navy-*) ---------- */
  --ev-navy-950: #060F1E;
  --ev-navy-900: #0A1E3D;
  --ev-navy-800: #0D2545;
  --ev-navy-700: #143058;
  --ev-navy-500: #2455A0;
  --ev-navy-300: #6B96D6;
  --ev-navy-100: #D8E6F5;

  /* ---------- gold scale (site --clr-gold-*) ---------- */
  --ev-gold-700: #7A5200;
  --ev-gold-600: #9A6C10;
  --ev-gold-500: #B8963E;
  --ev-gold-400: #CDB063;
  --ev-gold-300: #DEC98A;
  --ev-gold-100: #F7F0DA;

  /* ---------- crimson scale (site --clr-crimson-*) ---------- */
  --ev-crimson-700: #7D1215;
  --ev-crimson-600: #9B1D20;
  --ev-crimson-500: #BE2D31;
  --ev-crimson-400: #D94F53;

  /* ---------- paper + ink ---------- */
  --ev-paper:        #F8F6F1;   /* site --clr-neutral-50 */
  --ev-white:        #FFFFFF;
  --ev-ink:          #1A1916;   /* site --clr-neutral-900 */
  --ev-ink-soft:     #57554F;   /* site --clr-neutral-600 */
  --ev-on-dark:      #F0ECE4;   /* site --text-on-dark */
  --ev-on-dark-mut:  #6B96D6;   /* site --text-on-dark-muted */

  /* ---------- scrims, glows, shadows (navy-tinted) ---------- */
  --ev-scrim-strong: rgba(6, 15, 30, 0.82);
  --ev-scrim-mid:    rgba(6, 15, 30, 0.38);
  --ev-scrim-soft:   rgba(6, 15, 30, 0.12);
  --ev-scrim-none:   rgba(6, 15, 30, 0);
  --ev-glow-navy:    rgba(36, 85, 160, 0.30);
  --ev-glow-gold:    rgba(184, 150, 62, 0.34);
  --ev-glow-crimson: rgba(190, 45, 49, 0.22);
  --ev-shadow-cast:  rgba(6, 15, 30, 0.5);
  --ev-shadow-text:  rgba(6, 15, 30, 0.75);
  --ev-gold-veil:    rgba(184, 150, 62, 0.12);

  /* ---------- type ---------- */
  --ev-serif: "Cormorant Garamond", "Palatino Linotype", Georgia, serif;
  --ev-sans:  "Plus Jakarta Sans", -apple-system, system-ui, sans-serif;

  /* vw-based so the composition holds on any projector or screen.
     Sized for DISTANCE: ceiling-mounted projector, viewers across
     a hall — every tier is one step larger than comfortable at a desk. */
  --ev-t-hero:    11.5vw;
  --ev-t-display:  8vw;
  --ev-t-h1:       5.4vw;
  --ev-t-h2:       3.2vw;
  --ev-t-lead:     2.3vw;
  --ev-t-body:     1.8vw;
  --ev-t-caption:  1.5vw;
  --ev-t-micro:    1.15vw;
  --ev-t-count:   17vw;

  --ev-lh-tight: 0.92;
  --ev-lh-snug:  1.12;
  --ev-lh-body:  1.45;

  --ev-track-caps:  0.32em;
  --ev-track-wide:  0.14em;

  /* ---------- spacing ---------- */
  --ev-s-1: 0.4vw;
  --ev-s-2: 0.8vw;
  --ev-s-3: 1.2vw;
  --ev-s-4: 1.8vw;
  --ev-s-5: 2.6vw;
  --ev-s-6: 3.6vw;
  --ev-s-7: 5.2vw;
  --ev-s-8: 7.5vw;

  /* ---------- rules ---------- */
  --ev-r-hair:  0.14vw;
  --ev-r-med:   0.3vw;
  --ev-r-thick: 0.55vw;

  /* ---------- motion ---------- */
  --ev-d-transition: 1100ms;
  --ev-d-entrance:   900ms;
  --ev-d-kb:         16s;
  --ev-ease-expo:    cubic-bezier(0.16, 1, 0.3, 1);
  --ev-ease-smooth:  cubic-bezier(0.45, 0, 0.55, 1);

  /* ---------- z scale ---------- */
  --ev-z-slide:    1;
  --ev-z-active:   2;
  --ev-z-incoming: 3;
  --ev-z-brand:    8;
  --ev-z-progress: 9;
}