/* ==========================================================================
   NINA WARKEN — "THE CONTROL ROOM OF GOVERNMENT"
   Design tokens
   ========================================================================== */
:root {
  /* Primary */
  --cobalt: #2457C5;
  --graphite: #202631;
  --white: #F8FAFC;

  /* Supporting */
  --mineral: #DDE2E8;
  --mint: #DCEDE7;
  --steel: #71829B;
  --ice: #EAF1FA;
  --copper: #B87C58;
  --charcoal: #303640;

  /* Accent */
  --electric: #4C7DFF;

  /* Derived (contrast-safe) */
  --cobalt-deep: #1B4499;      /* hover / text on ice */
  --steel-text: #55657C;       /* AA on white for small text */
  --mint-deep: #2F6B58;        /* AA text on mint */
  --copper-text: #8E5A3A;      /* AA copper text on white (used sparingly) */
  --line: #DDE2E8;
  --line-strong: #C3CBD5;
  --paper: #FFFFFF;
  --graphite-2: #2A313D;
  --graphite-line: rgba(220, 237, 231, .14);

  /* Type */
  --font-sans: "Manrope", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-serif: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;

  --fs-micro: .72rem;
  --fs-small: .875rem;
  --fs-body: 1.0625rem;
  --fs-lede: clamp(1.15rem, 1.05rem + .45vw, 1.42rem);
  --fs-h4: 1.15rem;
  --fs-h3: clamp(1.3rem, 1.15rem + .6vw, 1.65rem);
  --fs-h2: clamp(1.85rem, 1.4rem + 1.9vw, 3rem);
  --fs-h1: clamp(2.3rem, 1.6rem + 3.2vw, 4.4rem);
  --fs-display: clamp(2.7rem, 1.5rem + 5.6vw, 6.4rem);
  --fs-number: clamp(3rem, 2rem + 4.5vw, 6.5rem);

  /* Space */
  --gutter: clamp(16px, 3.2vw, 40px);
  --wrap: 1320px;
  --wrap-narrow: 780px;
  --sec-y: clamp(64px, 8vw, 128px);
  --nav-h: 68px;

  --radius: 2px;
  --shadow: 0 1px 0 rgba(32, 38, 49, .04), 0 12px 32px -18px rgba(32, 38, 49, .28);
  --ease: cubic-bezier(.2, .7, .2, 1);
}