/* =====================================================================
   ui2 (remodelacao v2) - TOKENS
   ---------------------------------------------------------------------
   Pele B, "Marca" (decisao do Marcus, 10/10/2026): gradiente vinho #8a4f66
   para ardosia #4f5a75, coral como acao, pilula em todo controle, raio 20,
   Montserrat e Poppins, Fraunces italico SO na palavra-destaque.
   Os valores sao os canonicos de _ops/design-system/tokens.css; os nomes
   seguem o contrato do mockup (_mockups/remodelacao-2026-10-gpltimes-uau),
   que e a referencia visual desta camada.
   Cor, raio, sombra e espaco saem DAQUI. Hex cru novo em pagina e drift.
   ===================================================================== */
:root {
  --bg: #fbfbfe; --surface: #ffffff; --surface-2: #f6f7fb; --surface-3: #eef0f7;
  --ink: #1c2030; --text: #565d70; --muted: #666d80; /* era #8990a3 (3,19:1 no branco); 5,17:1 */ --line: #e7e9f1; --line-soft: #f1f2f7;
  --bd: 1px solid var(--line);

  --brand-wine: #8a4f66; --brand-slate: #4f5a75;
  --grad-brand: linear-gradient(100deg, #8a4f66 0%, #4f5a75 100%);
  /* comeca no coral de acao #c44b41 (era #f2726a): branco por cima passa de 2,84:1 para
     4,74:1 na faixa promo e o .hl dos titulos sai do 2,65:1 (Marcus, 12/10/2026, revisao geral A4) */
  --grad-warm: linear-gradient(100deg, #c44b41 0%, #8a4f66 100%);

  --accent: #8a4f66; --accent-ink: #6f3f54; --accent-soft: #fbf1f5; --coral: #f2726a;
  --blue: #2563eb; --blue-soft: #eaf1fe; /* azul de destaque (Gerenciar sites no menu da conta, 12/10/2026) */
  --green: #147a4b; /* era #1f9a62 (3,20:1 na pilula); 4,79:1 */ --green-soft: #e5f6ed; --amber: #965a0e; /* era #c4791a (3,11:1); 5,03:1 */ --amber-soft: #fdf2df;
  --danger: #b8353a; /* era #e0484d (3,53:1 na pilula); 5,09:1 */ --danger-soft: #fdecec;

  --plum: #191c2b; --plum-2: #21243a; --plum-line: rgba(255,255,255,.12);
  --on-dark: #ffffff; --on-dark-mut: #a4a9c6;

  --promo-bg: var(--grad-warm); --promo-fg: #ffffff;
  --util-bg: #191c2b; --util-fg: #dfe2f2; --util-line: rgba(255,255,255,.12);
  --util-on-bg: #ffffff; --util-on-fg: #6f3f54;
  --hdr-bg: #ffffff; --hdr-line: var(--line);
  --nav-bg: var(--grad-brand); --nav-fg: #ffffff; --nav-hover: rgba(255,255,255,.12);
  --nav-on-bg: #ffffff; --nav-on-fg: #8a4f66; --nav-line: rgba(255,255,255,.18);
  --ftr-bg: #191c2b; --ftr-accent: #8a4f66;
  --band-bg: #f6f7fb; /* os brilhos e a grade vem do bloco "fundo dos heros" do components.css (11/10/2026) */

  --hero-bg: #f6f7fb;
  --hero-fg: #1c2030; --hero-mut: #565d70;

  /* botao principal no coral de acao: 4,74:1 com o texto branco (era #f2726a, 2,84:1),
     hover 5,38:1 (Marcus, 12/10/2026, revisao geral A4) */
  --btn-bg: #c44b41; --btn-fg: #fff; --btn-bg-h: #b8433b;
  --btn-sh: 0 14px 30px -12px rgba(196,75,65,.55);

  --font-display: Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: Fraunces, Georgia, serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --fs-display: clamp(2.5rem, 1.5rem + 3.4vw, 4rem);
  --fs-h1: clamp(2rem, 1.4rem + 2vw, 2.9rem);
  --fs-h2: clamp(1.65rem, 1.25rem + 1.3vw, 2.3rem);
  --fs-h3: 1.2rem; --fs-lead: 1.125rem; --fs-body: .98rem; --fs-sm: .9rem; --fs-xs: .79rem;
  --h-w: 800; --h-ls: -.02em;
  --eyebrow-tt: uppercase; --eyebrow-ls: .1em;
  --eyebrow-bg: #ffffff; --eyebrow-fg: #8a4f66; --eyebrow-bd: 1px solid #ecdde4;

  --r-card: 20px; --r-ctl: 999px; --r-pill: 999px; --r-thumb: 14px; --r-sm: 10px;
  --sh-card: 0 1px 2px rgba(28,32,48,.05), 0 6px 20px -10px rgba(28,32,48,.14);
  --sh-pop: 0 30px 70px -24px rgba(28,32,48,.30);
  --sh-hover: 0 24px 50px -20px rgba(28,32,48,.26);
  --lift: -4px;

  --th1: linear-gradient(135deg, #8a4f66 0%, #4f5a75 100%);
  --th2: linear-gradient(135deg, #c44b41 0%, #8a4f66 100%); /* comecava em #f2726a: monograma branco a 2,84:1 */
  --th3: linear-gradient(135deg, #4f5a75 0%, #262c42 100%);
  --th4: linear-gradient(135deg, #6f3f54 0%, #b4600f 140%); /* terminava em #f0951f: monograma branco a 3,7:1 no quadro pequeno */
  --th5: linear-gradient(135deg, #3c4459 0%, #8a4f66 100%);
  --th6: linear-gradient(135deg, #b4600f 0%, #c44b41 100%); /* era #f0951f -> #f2726a: 2,33 a 2,84:1 */
  --th-fg: #ffffff;

  --wrap: 1240px; --wrap-wide: 1400px; --gutter: 24px; --sec-y: 88px; /* 1240 venda, 1400 listagem/conta e cromo (11/10/2026) */
  --ico-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%231f9a62'%3E%3Cpath d='M7.6 14.3 3.3 10l1.4-1.4 2.9 2.9 7.7-7.7L16.7 5z'/%3E%3C/svg%3E");
}