/* Tokens da identidade — LaMüller (contrato da Fase 2, docs/design-system.md §5)
   Único lugar com valores de cor, tipografia, espaço e forma. */

@font-face {
  font-family: "Germania One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/comercial-assets/fontes/GermaniaOne-Regular.ttf") format("truetype");
}

:root {
  /* cor */
  --cor-azul-900: #071426;
  --cor-preto-900: #090D14;
  --cor-azul-600: #2563EB;
  --cor-azul-300: #60A5FA;
  --cor-branco: #FFFFFF;
  --cor-clara-100: #F4F7FB;
  --cor-texto-900: #111827;
  --cor-texto-claro: #D6E2F2;
  --cor-borda-100: #D7E0EC;
  --cor-foco: #2563EB;
  --cor-foco-escuro: #60A5FA;

  /* tipografia */
  --fonte-texto: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-marca: "Germania One", var(--fonte-texto);
  --corpo: 1.0625rem; /* 17px, mínimo de conforto */
  --linha: 1.6;

  /* espaçamento, forma e layout */
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;
  --esp-6: 32px;
  --esp-7: 40px;
  --esp-8: 48px;
  --esp-secao: clamp(40px, 6vw, 96px);
  --raio-p: 12px;
  --raio-m: 16px;
  --raio-g: 20px;
  --largura-conteudo: 1200px;
  --margem-lateral: 20px;
  --toque-min: 44px;
  --sombra-1: 0 1px 2px rgba(9, 13, 20, 0.06);
  --sombra-2: 0 8px 24px rgba(9, 13, 20, 0.10);

  /* foco */
  --foco: 3px;
}

@media (min-width: 768px) {
  :root {
    --margem-lateral: 32px;
  }
}