/* LexReformaTributária — tema vívido: azul-marinho profundo + dourado.
   Override sobre o CSS do Next (carregado depois), sem rebuild.
   O site é 100% dirigido por tokens, então redefinir as variáveis
   retematiza a página inteira de forma consistente. */

:root {
  --charcoal: #0b1c3c;          /* cabeçalho */
  --charcoal-2: #0d2149;        /* faixas alternadas */
  --gold: #e9c15a;              /* dourado mais vivo */
  --gold-secondary: #c99a34;
  --background: #0e1c34;        /* fundo geral (azul profundo) */
  --foreground: #eaf1fc;        /* texto claro */
  --card: #122a53;             /* painéis */
  --card-foreground: #eaf1fc;
  --popover: #122a53;
  --popover-foreground: #eaf1fc;
  --primary: #e9c15a;          /* botões dourados */
  --primary-foreground: #0e1c34;
  --secondary: #17336a;
  --secondary-foreground: #eaf1fc;
  --muted: #12294f;
  --muted-foreground: #a8bcdd;
  --accent: #e9c15a;
  --accent-foreground: #0e1c34;
  --border: #e9c15a2b;         /* filetes dourados translúcidos */
  --input: #ffffff1f;
  --ring: #e9c15a66;
  --sidebar: #0b1c3c;
  --sidebar-foreground: #eaf1fc;
  --sidebar-primary: #e9c15a;
  --sidebar-primary-foreground: #0e1c34;
  --sidebar-accent: #17336a;
  --sidebar-accent-foreground: #eaf1fc;
  --sidebar-border: #e9c15a2b;
  color-scheme: dark;
}

/* Fundo geral com brilho azul + dourado sutil */
body {
  background-color: var(--background);
  background-image:
    radial-gradient(1100px 520px at 82% -6%, rgba(43,104,214, .30), transparent 60%),
    radial-gradient(900px 480px at -5% 2%, rgba(233,193,90, .10), transparent 55%);
  background-attachment: fixed;
}

/* Hero e faixa de contato: gradiente azul profundo com brilho dourado */
#top,
#contato {
  background:
    radial-gradient(620px 400px at 78% 14%, rgba(233,193,90, .16), transparent 60%),
    linear-gradient(160deg, #0c2150 0%, #0e1c34 55%, #0d2149 100%);
}

/* Botões dourados com leve gradiente — mais vivos e com relevo */
.bg-primary,
.bg-gold {
  background-image: linear-gradient(135deg, #f2d179, #c99a34);
}

/* Skeletons/barras decorativas escuras (mockups) → dourado tênue,
   para permanecerem visíveis sobre o fundo escuro */
[class*="bg-black/"] {
  background-color: rgba(233,193,90, .16) !important;
}

/* Cartões com profundidade sutil */
.bg-card {
  box-shadow: inset 0 1px 0 rgba(255,255,255, .04), 0 12px 34px rgba(3,10,26, .5);
}

/* Realces dourados um pouco mais fortes nas divisórias decorativas */
[class*="border-gold/"] { border-color: rgba(233,193,90, .35) !important; }

/* Evita o flash da grade de planos antiga: esconde #planos até o checkout.js
   reconstruir a grade (marca data-lrt-plans). Como este CSS carrega no <head>,
   a grade antiga nunca chega a aparecer. */
#planos:not([data-lrt-plans]) > * { visibility: hidden; }