/* ═══════════════════════════════════════════════════════════════════
   gid-tokens.css — FONTE ÚNICA dos tokens do site público do GID:
   cor (papel, tinta, azul GID, amarelo obra; escuros da lista B4), espaço (B2),
   raio (escala Tailwind), fontes, curva e durações (B7), padrões SVG (fita
   zebrada e malha). Só variáveis: nenhum seletor de classe, para poder ser
   carregado também em telas de fluxo (demo, cadastro) sem colidir com o CSS
   delas. O gid-site.css (componentes) e as páginas leem daqui.
═══════════════════════════════════════════════════════════════════ */
:root {
  --papel: #f3f1ec;
  --papel-2: #e9e5dc;
  --branco: #fbfaf7;
  --tinta: #0e1a26;
  --tinta-2: #33414f;
  --tinta-3: #5f6a76;
  --linha: rgba(14, 26, 38, .12);
  --linha-2: rgba(14, 26, 38, .24);
  --gid: #0a7fd4;
  --gid-tx: #0662a8;
  --obra: #f2b200;
  --obra-2: #d99a00;
  --sinal: #d9412a;
  --ok: #1f8a4c;
  /* Fundos escuros: só os da lista B4 */
  --escuro: #131209;
  --escuro-2: #1f1f1f;
  --escuro-3: #272727;
  --claro-tx: #f3f1ec;
  --claro-tx-2: rgba(243, 241, 236, .72);
  --claro-linha: rgba(243, 241, 236, .16);

  --e-25: 2px; --e-50: 4px; --e-75: 8px; --e-100: 12px; --e-200: 16px; --e-300: 24px;
  --e-400: 32px; --e-500: 40px; --e-600: 48px; --e-700: 64px; --e-800: 80px; --e-900: 96px;

  --r-sm: 2px; --r: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 12px; --r-2xl: 16px; --r-3xl: 24px; --r-full: 9999px;

  --fonte: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Geist Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  --curva: cubic-bezier(0.22, 1, 0.36, 1);
  --t-layout: 500ms;
  --t-cor: 300ms;
  --t-revela: 700ms;

  --max: 1240px;
  --sombra-obra: 4px 4px 0 var(--obra);
  --sombra-tinta: 4px 4px 0 var(--tinta);
  --sombra-card: 0 1px 0 var(--linha), 0 16px 40px rgba(14, 26, 38, .08);
  --zebra: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M0 14L14 0H28L0 28Z M14 28L28 14V28Z' fill='%230e1a26'/%3E%3C/svg%3E");
  --malha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M32 0V32M0 32H32' fill='none' stroke='%230e1a26' stroke-opacity='.10'/%3E%3C/svg%3E");
}