/* =========================================================
   TOKENS — camada unica de decisao visual.
   ========================================================= */
:root {
  --blue: #0B5AF3;
  --blue-2: #0848C7;
  --blue-3: #06399E;
  --navy: #071A45;
  --navy-2: #0A285F;
  --ink: #071A45;
  --text: #485471;
  --muted: #5C6B88;
  --line: #DCE7FF;
  --soft: #F4F6FA;
  --blue-light: #DCE7FF;
  --white: #FFFFFF;
  --radius: 22px;
  --radius-structural: 4px;
  --radius-action: 12px;
  --shadow: 0 24px 70px rgba(7, 26, 69, .12);
  --shadow-hard: 6px 6px 0 rgba(7, 26, 69, .12);
  --font-display: "Archivo", "Arial Narrow", sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --container: 1180px;
}