/* ============================================================
   OACR - MINI MEMORIAL
   Arquivo  : site/public_html/assets/css/tokens.css
   Funcao   : Fonte unica de verdade de cor, tipografia, espaco,
              radius, sombra e z-index. Nenhum outro arquivo pode
              declarar cor literal.
   Memoria  : como_trabalhar_2.0/00_START_HERE.md
   Design   : como_trabalhar_2.0/12_DESIGN.md
   Criado   : 2026-07-29
   Alterado : 2026-07-29 - criacao
   ============================================================
   AVISO: as cores abaixo foram MEDIDAS na logo real da empresa
   (avatar do Instagram, amostragem pixel a pixel). Nao substituir
   por preferencia estetica. Ver 12_DESIGN.md, secao "Origem da paleta".
   ============================================================ */

:root {
  /* ---------- BLOCO OACR: cores-marca ---------- */
  /* Responsabilidade: paleta oficial, derivada da logo */
  --gp-laranja: #ff8000;        /* primaria - CTA, links, destaque */
  --gp-laranja-claro: #ffa000;  /* topo do gradiente, hover */
  --gp-brasa: #e8480c;          /* base do gradiente, badge, urgencia */
  --gp-preto: #14100f;          /* fundo principal - preto QUENTE, nao #000 */
  --gp-escudo: #1d1314;         /* fundo de secao alternada - cor real do escudo */
  --gp-grafite: #241e1c;        /* superficie de card */
  --gp-grafite-claro: #332b28;  /* card em hover, superficie 2o nivel */
  --gp-prata: #c8c8c8;          /* texto secundario, detalhe metalico das asas */
  --gp-prata-escuro: #8a8a8a;   /* apoio, legenda - NUNCA texto corrido */
  --gp-branco: #f5f3f2;         /* texto principal - branco QUENTE, nao #fff */
  --gp-sucesso: #25d366;        /* exclusivo WhatsApp (verde oficial) */

  --gp-borda: rgba(200, 200, 200, 0.14);
  --gp-borda-ativa: rgba(255, 128, 0, 0.45);

  --gp-gradiente-marca: linear-gradient(180deg, #ffa000 0%, #ff8000 55%, #e8480c 100%);
  /* ---------- FIM BLOCO OACR: cores-marca ---------- */

  /* ---------- BLOCO OACR: tipografia ---------- */
  --fonte-titulo: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --fonte-base: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --escala-h1: clamp(2.5rem, 6vw, 4.5rem);
  --escala-h2: clamp(1.85rem, 4vw, 2.75rem);
  --escala-h3: clamp(1.25rem, 2.5vw, 1.5rem);
  --escala-body: clamp(1rem, 1.1vw, 1.0625rem);
  --escala-small: 0.875rem;

  --lh-titulo: 1.05;
  --lh-body: 1.65;
  /* ---------- FIM BLOCO OACR: tipografia ---------- */

  /* ---------- BLOCO OACR: espaco-layout ---------- */
  --container: 1200px;
  --pad-lateral: 1.25rem;

  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-6: 1.5rem;
  --e-8: 2rem;
  --e-12: 3rem;
  --e-16: 4rem;
  --e-24: 6rem;

  --pad-secao: clamp(4rem, 9vw, 7rem);

  --radius-p: 4px;
  --radius-card: 10px;
  --radius-pill: 999px;

  --sombra-card: 0 4px 16px rgba(0, 0, 0, 0.4);
  --sombra-laranja: 0 8px 32px rgba(255, 128, 0, 0.18);

  --altura-header: 72px;
  /* ---------- FIM BLOCO OACR: espaco-layout ---------- */

  /* ---------- BLOCO OACR: animacao ---------- */
  --dur-micro: 200ms;
  --dur-entrada: 400ms;
  --ease-saida: cubic-bezier(0.16, 1, 0.3, 1);  /* ease-out, para entrada */
  --ease-entrada: cubic-bezier(0.7, 0, 0.84, 0);
  /* ---------- FIM BLOCO OACR: animacao ---------- */

  /* ---------- BLOCO OACR: z-index ---------- */
  /* Escala fixa. Nao inventar valor fora dela. */
  --z-base: 1;
  --z-elevado: 10;
  --z-header: 20;
  --z-menu-mobile: 30;
  --z-flutuante: 40;   /* botao de WhatsApp */
  --z-skip: 50;        /* skip link precisa vencer todos */
  /* ---------- FIM BLOCO OACR: z-index ---------- */
}

@media (min-width: 900px) {
  :root {
    --pad-lateral: 2rem;
    --altura-header: 80px;
  }
}