/* Univa design tokens - sohub.digital style replication.
   Ice-white canvas, near-black blue-tinted panels, Inter semibold tight tracking,
   pill-everything, zero shadows, zero borders, no accent color. */

:root {
  /* Color */
  --bg: #f0f6f8;          /* ice-white page background */
  --soft: #d9e0e3;        /* light pills, menu panel */
  --ink: #0c1016;         /* primary ink + dark panels */
  --dark-2: #1e232c;      /* secondary dark surface (extension bar, circles) */
  --chip-dark: #1e242c;   /* icon chip inside dark pills */
  --muted: #a5abad;       /* eyebrows, subtitles, scroll cue, second heading lines */
  --tag-bg: #10141c;      /* tag pills inside dark cards */
  --hover-circle: #434f65;
  --deck-1: #0c1016;
  --deck-2: #23272d;
  --deck-3: #3a3e44;
  --deck-4: #50555a;
  --on-dark: #f0f6f8;
  --error: #fb2c36;

  /* 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;
}