/* Tokens do sistema visual. As cores de marca vêm da arte da CTE. */
:root {
  --navy: #072c63;
  --royal: #075da8;
  --blue-light: #e8f2fb;
  --yellow: #ffc400;
  --paper: #f3f5f9;
  --white: #ffffff;
  --ink: #17243c;
  --muted: #52637a;

  /* Derivadas: fios e estados, sem novas cores de marca. */
  --line: #d5dce6;
  --line-strong: #7b8ba3;
  --line-on-dark: rgb(255 255 255 / 0.24);
  --soft-on-dark: #d6e0ee;
  --yellow-hover: #ffd54a;
  --navy-hover: #0b3f8a;
  --focus: var(--royal);

  --font-display: 'Archivo Condensed', 'Arial Narrow', Impact, sans-serif;
  --font-head: 'Archivo', Arial, sans-serif;
  --font-body: 'IBM Plex Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  --text-body: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --text-small: 0.9375rem;
  --text-label: 0.8125rem;
  --text-section: clamp(3rem, 1.3rem + 7.2vw, 6.75rem);

  --gutter: clamp(1.5rem, 0.6rem + 3.8vw, 4.5rem);
  --grid-gap: clamp(0.75rem, 0.5rem + 1vw, 1.25rem);
  --section-y: clamp(4rem, 2.6rem + 6vw, 8rem);
  --container: 1280px;

  --radius-btn: 14px;
  --radius-card: 24px;
}