/* =============================================================
   promo-tokens.css — ADR-027 + Claude Design v2 (Brasa default)
   Tokens do modo promo. Editorial mode tokens preservados
   inline em landing/index.html + landing/styles/post.css + hub.css.

   Paleta default: Brasa + Petróleo (warm laranja-brasa + cool teal).
   data-palette="manga" e data-palette="ipe" como variantes opcionais.
   ============================================================= */

:root {
  /* promo palette — brasa default (warm laranja + cool petroleo) */
  --promo-warm: #E04A1E;          /* CTA primário · brasa */
  --promo-cool: #1F6F7A;          /* CTA secundário · petróleo */
  --promo-paper: oklch(96% 0.02 60);
  --promo-paper-deep: oklch(22% 0.03 50);
  --promo-ink: oklch(20% 0.04 40);
  --promo-cream: oklch(94% 0.025 70);

  /* sub-verticais — same chroma 0.05, lightness 89% bg / 38% fg */
  --sv-cozinha-bg: oklch(89% 0.05 55);
  --sv-cozinha-fg: oklch(38% 0.09 45);
  --sv-tech-bg: oklch(89% 0.04 235);
  --sv-tech-fg: oklch(38% 0.07 240);
  --sv-casa-bg: oklch(89% 0.04 155);
  --sv-casa-fg: oklch(36% 0.07 160);
  --sv-mob-bg: oklch(89% 0.05 320);
  --sv-mob-fg: oklch(38% 0.09 330);

  /* fontes adicionais (Source Serif 4 + Inter já carregadas) */
  --display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --mono: "JetBrains Mono", "Inconsolata", ui-monospace, "SF Mono", monospace;

  /* sombras promo (sutis no MVP, ADR-027 D6 evita néon piscante) */
  --sh-promo-1: 0 1px 0 rgba(0, 0, 0, 0.04), 0 4px 14px rgba(224, 74, 30, 0.18);
  --sh-promo-2: 0 1px 0 rgba(0, 0, 0, 0.04), 0 8px 26px rgba(224, 74, 30, 0.28);
}

/* Paleta variants opcionais (data-palette switcher futuro) */
[data-palette="manga"] {
  --promo-warm: #F08A1C;
  --promo-cool: #33508C;
  --sh-promo-1: 0 1px 0 rgba(0, 0, 0, 0.04), 0 4px 14px rgba(240, 138, 28, 0.2);
  --sh-promo-2: 0 1px 0 rgba(0, 0, 0, 0.04), 0 8px 26px rgba(240, 138, 28, 0.3);
}
[data-palette="ipe"] {
  --promo-warm: #C22A4B;
  --promo-cool: #1F8A5B;
  --sh-promo-1: 0 1px 0 rgba(0, 0, 0, 0.04), 0 4px 14px rgba(194, 42, 75, 0.2);
  --sh-promo-2: 0 1px 0 rgba(0, 0, 0, 0.04), 0 8px 26px rgba(194, 42, 75, 0.3);
}