/* Univa design tokens - bright blue spectrum (light -> deep blue).
   Pale-blue canvas, vivid blue accents everywhere, deep-blue feature surfaces
   (never black), Inter semibold tight tracking, pill-everything, zero borders. */

:root {
  /* Color - blue spectrum, light to dark */
  --bg: #eef4ff;          /* bright pale-blue page background */
  --soft: #d8e6ff;        /* light-blue pills, menu panel, cards */
  --ink: #102a66;         /* deep blue: primary ink + deep feature surfaces */
  --dark-2: #1c47a8;      /* secondary blue surface (extension bar, circles) */
  --chip-dark: #1c47a8;   /* icon chip inside dark pills */
  --muted: #7488c2;       /* eyebrows, subtitles, scroll cue, second heading lines */
  --tag-bg: #163b96;      /* tag pills inside deep-blue cards */
  --hover-circle: #2f63d6;
  /* service deck: bright brand blue -> deep blue as the stack settles */
  --deck-1: #2563ff;
  --deck-2: #1b4ccf;
  --deck-3: #12317f;
  --deck-4: #2f6bff;
  --on-dark: #eff5ff;
  --error: #fb2c36;

  /* Brand blue accents (logo blue) for gradients + highlights */
  --blue: #2563ff;
  --blue-bright: #5b8dff;
  --blue-light: #9cc0ff;
  --blue-deep: #11327f;

  /* Type */
  --font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Varela Round", "Inter", sans-serif;

  --track-3: -0.0125em;
  --track-5: -0.05em;
  --track-7: -0.075em;

  --text-statement: clamp(1.875rem, 5.2vw, 7rem);    /* eyebrow statements */
  --text-cardhead: clamp(3rem, 7.5vw, 8rem);          /* deck card headings */
  --text-display: clamp(4rem, 10vw, 12rem);           /* CTA display */
  --text-tagline: clamp(1.5rem, 3.2vw, 3.5rem);       /* hero tagline */
  --text-eyebrow: clamp(1rem, 1.6vw, 1.5rem);
  --text-body: 1rem;
  --text-small: 0.875rem;

  /* Space - full-bleed sections with a gutter ladder, no max-width container */
  --gutter: clamp(1rem, 4vw, 5rem);
  --space-section: clamp(5rem, 14vh, 9rem);
  --space-head-gap: clamp(4rem, 9vh, 8rem);

  /* Radius - cards 1rem, panels 1.5rem, mega-cards 3rem, pills full */
  --r-card: 1rem;
  --r-panel: 1.5rem;
  --r-mega: clamp(2rem, 3.5vw, 3rem);
  --r-pill: 999px;

  /* Motion */
  --ease-spring: cubic-bezier(0.22, 0.68, 0, 1.5);   /* overshoot: card hovers, icon swaps */
  --ease-pill: cubic-bezier(0.22, 0.68, 0, 1);       /* pill scale */
  --ease-swap: cubic-bezier(0.22, 0.68, 0, 1.2);     /* menu label swap */
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  --nav-height: 5.5rem;
}