/* ============================================
   POP HOSTING — Color tokens
   Source of truth: assets/css/pop-modern.css :root
   Brand: azul POP sobre fundo branco (clean, light)
   ============================================ */
:root {
  /* ---- Brand: POP blue scale (deep → bright) ---- */
  --pop-primary: #0a1e3d;        /* azul profundo — dark sections, footer */
  --pop-primary-mid: #0d3068;    /* azul médio — gradient mid-stop */
  --pop-primary-light: #1354a5;  /* azul claro — gradient end, hover */
  --pop-accent: #1062fe;         /* azul POP — CTAs, links, active borders */
  --pop-accent-hover: #0948b3;   /* azul POP hover */

  /* ---- Action / success: teal green ---- */
  --pop-green: #00c9a7;          /* SÓ conversão: .btn-conv, pop-tab, badge-popular, bolinha "ao vivo" */
  --pop-green-hover: #00a88a;

  /* ---- Tokens v2 (23/09/2026 — CONTRATO-DESIGN v2.1; dona: trilha moldura) ---- */
  --pop-accent-soft: #7eb6ff;    /* destaque SÓ sobre fundo escuro (hero, ds_cta, .sec-dark): 7,9:1 no navy. Proibido no claro (2,1:1) */
  --pop-on-conv: #0a1e3d;        /* texto sobre o verde de conversão (opção A): 7,8:1 no #00c9a7 e 5,5:1 no #00a88a */
  --pop-ok: #1aa251;             /* ícone de "incluso/sim" (listas de plano, tabelas, checklists) */
  --pop-ok-text: #15803d;        /* texto "incluso/grátis": 5,0:1 no branco */

  /* ---- Reviews ---- */
  --pop-star-color: #1062fe;     /* estrelas em AZUL (regra dura 1; era #f59e0b âmbar) */

  /* ---- Neutrals (text on light) ---- */
  --pop-text: #1a202c;           /* headings + body on light */
  --pop-text-secondary: #4a5568; /* subtitles, descriptions */
  --pop-text-muted: #5b6b82;     /* notas, "/mês", rótulos: 5,4:1 no branco e 5,1:1 no #f7f8fc (era #718096 = 4,0:1, reprovava AA) */

  /* ---- Surfaces ---- */
  --pop-bg: #f7f8fc;             /* default alternating section bg */
  --pop-bg-alt: #eef1f8;         /* secondary bg */
  --pop-white: #ffffff;          /* cards, text on dark */
  --pop-border: #e2e8f0;         /* card borders, dividers */
  --pop-border-light: #edf2f7;   /* subtle list separators */

  /* ---- Semantic aliases ---- */
  --text-body: var(--pop-text);
  --text-muted: var(--pop-text-muted);
  --text-on-dark: var(--pop-white);
  --surface-page: var(--pop-white);
  --surface-muted: var(--pop-bg);
  --surface-card: var(--pop-white);
  --border-default: var(--pop-border);
  --link: var(--pop-accent);
  --link-hover: var(--pop-accent-hover);
  --cta-primary: var(--pop-green);      /* conversion */
  --cta-secondary: var(--pop-accent);   /* informational */

  /* ---- Glassmorphism (header on scroll, dark cards) ---- */
  --pop-glass-header: rgba(10, 30, 61, 0.95);
  --pop-glass-card: rgba(255, 255, 255, 0.06);
  --pop-glass-card-border: rgba(255, 255, 255, 0.10);
  --pop-glass-ghost: rgba(255, 255, 255, 0.10);
  --pop-glass-ghost-border: rgba(255, 255, 255, 0.30);

  /* ---- Signature gradients ---- */
  --pop-grad-hero: linear-gradient(145deg, #0a1e3d 0%, #0d3068 35%, #1354a5 70%, #1062fe 100%); /* @kind color */
  --pop-grad-dark: linear-gradient(145deg, #0a1e3d 0%, #0d3068 50%, #1354a5 100%); /* @kind color */
  --pop-grad-footer: linear-gradient(135deg, #0a1e3d 0%, #0d3068 100%); /* @kind color */
  --pop-grad-blue: linear-gradient(135deg, #1062fe, #0948b3); /* @kind color */
  --pop-grad-green: linear-gradient(135deg, #00c9a7, #00a88a); /* @kind color */
  --pop-grad-mix: linear-gradient(135deg, #1062fe, #00c9a7); /* @kind color */
}