/* Design tokens DSN Services
   Base: cores medidas na logo (azul e verde) + neutros sóbrios para um visual técnico e editorial. */
:root {
  /* Marca (logo) */
  --dsn-navy: #0A3D70;
  --dsn-blue: #0565AE;        /* cor de ação: botões e links */
  --dsn-blue-hover: #04528E;
  --dsn-cyan: #059CE4;        /* detalhes sobre fundo escuro */
  --dsn-green: #6BB730;       /* acento discreto: marcadores e réguas */
  --dsn-green-dark: #0F783C;

  /* Neutros */
  --navy-950: #0B1A2A;        /* fundos escuros principais */
  --navy-900: #112538;
  --navy-800: #183249;
  --grafite: #252D35;
  --tinta: #17202A;           /* texto principal */
  --texto-2: #4E5A66;         /* texto secundário (contraste AA sobre claro) */
  --texto-3: #5E6974;         /* legendas (5:1 sobre o fundo claro) */
  --linha: #D9DDE1;
  --linha-escura: rgba(255, 255, 255, .14);
  --fundo: #FFFFFF;
  --fundo-claro: #F4F5F3;
  --fundo-claro-2: #ECEEEB;
  --sobre-escuro: #C9D2DB;    /* texto secundário em fundo escuro */

  /* Tipografia */
  --fonte: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fonte-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', 'Roboto Mono', Menlo, Consolas, monospace;
  --t-display: clamp(2.4rem, 1.5rem + 3.3vw, 4.25rem);
  --t-h1: clamp(2.2rem, 1.5rem + 2.6vw, 3.6rem);
  --t-h2: clamp(1.8rem, 1.35rem + 1.7vw, 2.75rem);
  --t-h3: clamp(1.2rem, 1.1rem + .4vw, 1.45rem);
  --t-lead: clamp(1.08rem, 1rem + .3vw, 1.25rem);
  --t-corpo: 1.0625rem;
  --t-pequeno: .9rem;
  --t-rotulo: .74rem;

  /* Espaço e forma */
  --container: 1280px;
  --gutter: clamp(1rem, .6rem + 2vw, 2.5rem);
  --secao: clamp(4.5rem, 3rem + 6vw, 8.5rem);
  --raio: 5px;               /* botões e campos */
  --raio-img: 10px;          /* fotos (arredondamento leve) */
  --raio-painel: 12px;       /* painéis e blocos */
  --sombra: 0 18px 40px -24px rgba(11, 26, 42, .45);
  --topo-altura: 76px;
}