body.dark-theme {
  /* Paleta (SUAS CORES ANTIGAS) */
  --bg: #0b1020;
  --panel: #111732;
  --panel-2: #0f1530;

  --text: #e9eefc;
  --muted: #b9c3ea;

  --brand: #6c7cff;
  --brand-2: #88e0ff;
  --accent: #7af29b;
  --danger: #ff7a7a;
  --ok: #7affc3;

  /* Overlays que estavam hardcoded */
  --overlay-blue-light: rgba(136,224,255,.12);
  --overlay-blue-mid: rgba(108,124,255,.14);

  --overlay-header-dark: rgba(11,16,32,.75);
  --overlay-header-light: rgba(11,16,32,.3);

  --border-bottom-light: rgba(255,255,255,.06);
  --border-mid: rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.12);

  --overlay-card-light: rgba(255,255,255,.02);

  --overlay-badge: rgba(124,140,255,.12);
  --border-badge: rgba(124,140,255,.35);

  --overlay-icon: rgba(136,224,255,.16);
  --border-icon: rgba(136,224,255,.35);

  --overlay-chip: rgba(122,242,155,.12);
  --border-chip: rgba(122,242,155,.35);

  /* Utilitárias */
  --white: #ffffff;
  --black: #000000;

  /* Espaço, raio, sombra */
  --gap: 18px;
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);



  /* old */

  --background-color: #0b1020;                    /* fundo dark + neutro */
  --text-color: #B3B3B3;                          /* texto mais claro p/ contraste AA */
  --primary-color: #2ec5ff;                       /* ciano vivo – marca/links */
  --primary-color-lower: #8ad55a;                 /* verde de apoio + suave */
  --primary-color-2: #ff5a66;                     /* vermelho/alerta com boa leitura */
  --background-color-2: #161b22;                  /* painel/contraste sutil */
  --background-color-2-transparent: rgba(22,27,34,.60);
  --background-repeated-color: #6a7ba8;           /* acento frio, menos saturado */
  --glow-color: #ffd556;                          /* glow mais quente e visível no dark */
  --gold-color: linear-gradient(338deg, #ffd556, #ffb200, #ffd556);


}

/* LIGHT (override só de valores) */
:root {
  /* Fundo e painéis claros */
  --bg: #f6f8ff;          /* paper suave azulado */
  --panel: #ffffff;
  --panel-2: #f2f5ff;

  /* Texto em claro */
  --text: #0e1220;        /* quase preto */
  --muted: #525e7a;       /* cinza azulado */

  /* Mantemos seu brand */
  --brand: #6c7cff;
  --brand-2: #88e0ff;
  --accent: #0fb7ad;      /* acento mais contido no light */
  --danger: #e34850;
  --ok: #10b981;

  /* Overlays equivalentes para claro */
  --overlay-blue-light: rgba(136,224,255,.28);
  --overlay-blue-mid: rgba(108,124,255,.18);

  --overlay-header-dark: rgba(255,255,255,.85); /* vidro claro */
  --overlay-header-light: rgba(255,255,255,.65);

  --border-bottom-light: rgba(0,0,0,.06);
  --border-mid: rgba(0,0,0,.08);
  --border-strong: rgba(0,0,0,.12);

  --overlay-card-light: rgba(0,0,0,.02);

  --overlay-badge: rgba(108,124,255,.10);
  --border-badge: rgba(108,124,255,.25);

  --overlay-icon: rgba(136,224,255,.18);
  --border-icon: rgba(136,224,255,.30);

  --overlay-chip: rgba(16,185,129,.12);
  --border-chip: rgba(16,185,129,.35);

  --white: #ffffff;
  --black: #000000;

  --shadow: 0 8px 24px rgba(17,24,39,.08);

    /* old */

  --background-color: #f9f6e5;
    --text-color: #000000;
    --primary-color: #1E2F97;          /* Azul escuro */
    --primary-color-lower: #2CBFE6;    /* Azul claro */
    --primary-color-2: #D4413A;        /* Vermelho vibrante */
    --background-color-2: #9088b940;
    --background-color-2-transparent: rgba(255, 245, 204, 0.30);/* Bege claro */
    --background-repeated-color:#FFD93D; /* Amarelo vibrante */
    --glow-color: #a16512;
    --gold-color: linear-gradient(338deg, #FFD93D, #FFB800, #FFD93D);
}

/* Body e fundo global na vibe landing */
html, body { height: 100% }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(1200px 800px at 80% -10%, var(--overlay-blue-light), transparent 60%),
    radial-gradient(1400px 900px at -10% 10%, var(--overlay-blue-mid), transparent 60%),
    var(--bg);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}