/* ============================================================
   PIRÂMIDES CONSTRUÇÃO — Design Tokens v1.0 (2026-07-05)
   Fonte única de estilo das LPs de revestimentos.
   Origem das cores: análise forense da identidade real
   (identidade/analise-forense.md). NUNCA estilizar fora daqui.
   ============================================================ */

:root {
  /* ---------- MARCA (forense) ---------- */
  --c-navy: #003050;          /* azul-marinho de marca (ilustrações, mural fachada) */
  --c-navy-deep: #032840;     /* variação p/ gradiente de fundos escuros */
  --c-amber: #F0A000;         /* âmbar/mostarda (etiquetas de preço, ícones) */
  --c-amber-soft: #FFF3D6;    /* âmbar diluído p/ fundos de badge suaves */
  --c-coral: #D9442B;         /* coral do letreiro "pirâmides construção" (aprox.) */

  /* ---------- CTA / WhatsApp ---------- */
  --c-cta: #128C7E;           /* verde WhatsApp escuro (contraste AA c/ branco em texto grande) */
  --c-cta-hover: #0E7265;
  --c-cta-bright: #25D366;    /* verde WhatsApp claro — só ícone/acentos, nunca fundo de texto */
  --c-on-cta: #FFFFFF;

  /* ---------- SUPERFÍCIES (tema claro retail) ---------- */
  --c-bg: #F7F5F1;            /* fundo geral quente (nunca branco puro em página inteira) */
  --c-surface: #FFFFFF;       /* cards */
  --c-surface-alt: #EDF2F6;   /* seção alternada com tom de navy diluído */
  --c-surface-navy: var(--c-navy); /* seções escuras (hero band / CTA final) */

  /* ---------- TEXTO ---------- */
  --c-ink: #14293C;           /* texto principal sobre claro */
  --c-ink-2: #43586C;         /* texto secundário */
  --c-ink-3: #68798A;         /* muted / microcopy */
  --c-ink-inverse: #F4F8FB;   /* texto principal sobre navy */
  --c-ink-inverse-2: #BACBDA; /* secundário sobre navy */

  /* ---------- PREÇO / OFERTA (herda etiqueta amarela da loja física) ---------- */
  --c-price: var(--c-navy);            /* número do preço */
  --c-price-tag-bg: var(--c-amber);    /* fundo do selo "à vista no Pix" */
  --c-price-tag-ink: #1C1602;          /* texto sobre âmbar */
  --c-price-old: var(--c-ink-3);       /* preço "de" riscado */

  /* ---------- BORDAS ---------- */
  --c-border: #E4E0D7;
  --c-border-strong: #C7CFD6;
  --c-border-navy: rgba(0, 48, 80, 0.18);

  /* ---------- ESTADO / FEEDBACK ---------- */
  --c-success: #1F7A4D;
  --c-warning: #B97324;

  /* ---------- TIPOGRAFIA ---------- */
  /* Decisão de DS (CSS do tema Wix irrecuperável — ver analise-forense.md):
     display retail sólido + corpo humanista legível em mobile. */
  --font-display: "Archivo", system-ui, -apple-system, sans-serif;
  --font-body: "Barlow", system-ui, -apple-system, sans-serif;

  --fw-display: 800;
  --fw-display-md: 700;
  --fw-body: 400;
  --fw-body-md: 500;
  --fw-body-strong: 600;

  /* escala fluida mobile-first */
  --fs-display: clamp(1.9rem, 6.2vw, 3.1rem);     /* H1 hero */
  --fs-h2: clamp(1.45rem, 4.4vw, 2.1rem);         /* título de seção */
  --fs-h3: clamp(1.1rem, 3vw, 1.3rem);            /* título de card */
  --fs-body-lg: clamp(1.05rem, 2.6vw, 1.2rem);    /* sub-headline */
  --fs-body: 1rem;
  --fs-body-sm: 0.875rem;
  --fs-label: 0.78rem;                             /* eyebrow/tag uppercase */
  --fs-price: clamp(1.35rem, 3.6vw, 1.6rem);       /* preço no card */

  --lh-tight: 1.12;
  --lh-heading: 1.22;
  --lh-body: 1.55;

  --ls-label: 0.07em;

  /* ---------- ESPAÇAMENTO ---------- */
  --sp-1: 0.25rem;   /*  4px */
  --sp-2: 0.5rem;    /*  8px */
  --sp-3: 0.75rem;   /* 12px */
  --sp-4: 1rem;      /* 16px */
  --sp-5: 1.5rem;    /* 24px */
  --sp-6: 2rem;      /* 32px */
  --sp-7: 2.5rem;    /* 40px */
  --sp-8: 3rem;      /* 48px */
  --sp-9: 4rem;      /* 64px */
  --sp-10: 6rem;     /* 96px */
  --sp-section: clamp(3rem, 8vw, 5.5rem);   /* padding vertical de seção */
  --sp-gutter: clamp(1rem, 4vw, 1.5rem);    /* respiro lateral mobile */

  /* ---------- LAYOUT ---------- */
  --w-container: 1140px;
  --w-narrow: 760px;

  /* ---------- RAIO ---------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 999px;   /* SÓ chips/badges — nunca todos os botões */

  /* ---------- SOMBRA ---------- */
  --shadow-card: 0 1px 2px rgba(10, 35, 56, 0.06), 0 8px 24px rgba(10, 35, 56, 0.08);
  --shadow-cta: 0 6px 18px rgba(18, 140, 126, 0.28);
  --shadow-float: 0 4px 14px rgba(10, 35, 56, 0.22);

  /* ---------- MOTION ---------- */
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 160ms;
  --dur-base: 250ms;
  --dur-reveal: 700ms;

  /* ---------- Z-INDEX ---------- */
  --z-header: 50;
  --z-float: 60;

  /* ---------- TAMANHOS DE COMPONENTE ---------- */
  --size-icon: 22px;        /* ícone inline (trust, diferenciais) */
  --size-icon-box: 44px;    /* caixa de ícone com borda */
  --size-float: 56px;       /* botão WhatsApp flutuante */
  --bw: 1px;                /* espessura padrão de borda */
  --bw-strong: 2px;
}