/* ==========================================================================
   Datum Serviços Hidrográficos · tokens do design system
   Fonte de verdade em arquivo (Figma pendente: MCP sem autenticação).
   Paleta = cores reais do site atual (globais do Elementor) + azul medido no logo.
   ========================================================================== */
@font-face { font-family: 'Geologica'; src: url('../fonts/geologica-var.woff2') format('woff2'); font-weight: 300 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('../fonts/source-sans-3-var.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('../fonts/source-sans-3-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('../fonts/dm-mono-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('../fonts/dm-mono-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  /* ---- marca (site atual) ---- */
  --c-cyan: #009CC6;        /* primária do site: botões, destaques sobre escuro */
  --c-cyan-hi: #33B6D9;     /* hover do botão primário (mais claro: o texto tinta ganha contraste) */
  --c-blue: #007FC6;        /* azul do logo DSH */
  --c-azure: #105EC2;       /* acento do site: links e rótulos sobre claro (6,2:1 no branco) */
  --c-ink: #16222F;         /* azul-tinta das seções escuras */
  --c-ink-2: #1E2E3D;       /* azul-tinta 2 */
  --c-ink-3: #0F1923;       /* rodapé (tinta aprofundada) */
  --c-text: #313131;        /* texto do site atual */
  --c-gray: #C8C8C8;        /* cinza do site atual */

  /* ---- neutros com tinta da marca ---- */
  --c-white: #FFFFFF;
  --c-paper: #F3F6F8;
  --c-mist: #E3EAEF;
  --c-muted: #55616C;       /* texto de apoio no claro (5,9:1 no branco) */
  --c-line: rgba(22, 34, 47, .14);
  --c-line-strong: rgba(22, 34, 47, .28);
  --c-on-dark: #FFFFFF;
  --c-on-dark-2: rgba(255, 255, 255, .78);
  --c-line-dark: rgba(255, 255, 255, .16);

  /* ---- tipografia ---- */
  --f-display: 'Geologica', 'Source Sans 3', system-ui, sans-serif;
  --f-body: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'DM Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

  --t-hero: clamp(2.25rem, min(1.2rem + 4.1vw, 8.2vh), 4.75rem);
  --t-h1: clamp(2.1rem, min(1.2rem + 3.3vw, 7vh), 4rem);
  --t-h2: clamp(1.85rem, min(1.1rem + 2.3vw, 5.6vh), 3.25rem);
  --t-h3: clamp(1.2rem, 1rem + .7vw, 1.6rem);
  --t-lead: clamp(1.06rem, 1rem + .35vw, 1.3rem);
  --t-body: clamp(1rem, .97rem + .14vw, 1.0875rem);
  --t-small: .9375rem;
  --t-label: .75rem;        /* rótulo (eyebrow) em mono, caixa alta, sem traço */

  --lh-tight: 1.04;
  --lh-head: 1.14;
  --lh-body: 1.62;
  --track-label: .16em;

  /* ---- espaço ---- */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --pad-sec: clamp(56px, 10.5vh, 128px);
  --container: 1200px;
  --gutter: clamp(20px, 4vw, 32px);
  --hdr-h: 64px;

  /* ---- forma: raio varia com a hierarquia (foto reta, botão quase reto, tela com raio) ---- */
  --r-0: 0;
  --r-1: 2px;
  --r-2: 8px;
  --shadow-screen: 0 30px 80px -30px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06);

  /* ---- movimento (sistema de movimento BuildV) ---- */
  --e-out: cubic-bezier(.16, .84, .28, 1);
  --e-ui: cubic-bezier(.4, 0, .2, 1);
  --d-1: .45s;
  --d-2: .9s;
  --d-3: 1.4s;
}