/* Tokens de tema do SITE institucional (aluvena.com) — claro/escuro.
   Fonte única, compartilhada por landing.html e pelas paginas legais (institucional.py).
   Valores IMPORTADOS do app (src/index.css) p/ unificar site+app e seguir o manual de marca
   (pagina = Nevoa, cartao = Creme; dark = paleta Noite; acoes clareiam no dark).
   Mecanica igual a do app: data-theme ausente = segue o SO (@media); 'dark'/'light' forcam.
   Ver tema.js. NAO duplicar estes valores em outro lugar — referencie via var(). */

:root {
  color-scheme: light dark;

  /* superficies e texto */
  --background: #EFECF5;          /* Nevoa — fundo de pagina */
  --foreground: #3E3860;          /* Ameixa — texto principal */
  --card: #FBF9F6;               /* Creme — cartoes e paineis */
  --card-foreground: #3E3860;
  --muted: #F1EDF8;              /* superficie tintada suave (chips) */
  --muted-foreground: #6B6386;   /* texto secundario */
  --secondary: #F4F1FA;          /* secao tintada */
  --secondary-foreground: #57508F;
  --border: #E7E1F2;             /* borda/divisor */
  --color-hair: #EFEAF7;         /* hairline mais clara */

  /* marca */
  --primary: #6F63B0;            /* Lavanda — acoes, links, botoes */
  --primary-hover: #57508F;
  --primary-foreground: #FFFFFF; /* texto sobre botao primario */
  --color-purple-deep: #57508F;  /* Lavanda profunda — titulos, wordmark, rotulos de marca */
  --color-ink-mute: #5C5480;     /* texto secundario mais escuro */
  --color-coral: #F2A08C;        /* Pessego — acento (fill de icone/chip) */
  --color-coral-texto: #B85C42;  /* coral p/ texto sobre superficie clara/tintada */
  --color-sobre-pessego: #7A3B2C;/* texto SOBRE o pessego (branco reprova) */

  /* superficies de estado/apoio */
  --color-peach: #FBE9E4;        /* superficie coral palida */
  --color-success-bg: #E9F3EC;   /* superficie verde */
  --color-success-deep: #2E7D52; /* verde de confirmacao (texto) */

  /* header sticky translucido */
  --header-bg: rgba(251,249,246,0.94);
  --header-border: rgba(234,229,243,0.7);

  /* ===== FIXOS DA MARCA (iguais nos dois temas — nao sao sobrescritos no dark) ===== */
  /* simbolo / gradientes */
  --brand-lavanda: #A99BDB;      /* stop claro do gradiente do simbolo; formas fantasma */
  --brand-roxo: #6F63B0;         /* stop escuro do simbolo; inicio do gradiente do CTA */
  --brand-roxo-deep: #57508F;    /* fim do gradiente roxo do CTA-final (fixo) */
  --brand-lilas: #B9AEE3;        /* pontinho lavanda do simbolo + eyebrow sobre Noite */
  /* coral / acentos */
  --color-coral-deep: #DA8168;   /* coral escuro: hover, fim de gradiente, strokes */
  --coral-forte: #C96F52;        /* stroke coral do balao do hero */
  --verde-icone: #4C9A6E;        /* check verde do comparativo */
  --verde-solido: #3B9E7A;       /* circulo de check do Match */
  --icone-apagado: #C9C2DC;      /* X apagado da coluna "outras plataformas" */
  /* branco/suave sobre superficies de marca fixas */
  --on-brand: #FFFFFF;           /* branco sobre gradiente roxo / coral */
  --on-brand-soft: #D6CFF0;      /* texto suave sobre o roxo do CTA-final */

  /* ===== SECOES "NOITE" (escuras nos dois temas) ===== */
  --noite: #2B2542;              /* fundo das secoes seguranca/necessidades */
  --noite-card: #37305A;         /* cartao sobre Noite */
  --noite-chip: #3C3560;         /* chip sobre Noite */
  --noite-chip-bd: #4A4270;      /* borda do chip sobre Noite */
  --noite-chip-tx: #E7E0F7;      /* texto do chip sobre Noite */
  --noite-title: #F4F1FA;        /* titulo sobre Noite */
  --noite-body: #B7AFD6;         /* corpo sobre Noite */
  --noite-body-2: #C6BEE6;       /* intro de necessidades (levemente mais clara) */
  --noite-icon: #CFC6EE;         /* stroke de icone sobre Noite */

  /* ===== TRIPLAS RGB (para sombras com alfa via rgba(var(--x), a)) ===== */
  --rgb-roxo-deep: 87,80,143;    /* #57508F */
  --rgb-roxo: 111,99,176;        /* #6F63B0 */
  --rgb-coral-deep: 218,129,104; /* #DA8168 */
  --rgb-coral-forte: 201,111,82; /* sombra pessego do bloco para-babas */
  --rgb-glow: 122,110,190;       /* glow do simbolo no Match */
  --rgb-on-soft: 214,207,240;    /* #D6CFF0 (borda do link no CTA-final) */
}

/* DARK — mesmos valores nos dois seletores (o @media casa o SO; [data-theme] forca).
   Segue o manual (§11): base Noite (nunca preto), cartao sobe um degrau, acoes CLAREIAM,
   coral intacto, texto secundario = lavanda clara. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #201A31;
    --foreground: #ECE7F5;
    --card: #2B2542;
    --card-foreground: #ECE7F5;
    --muted: #2F284A;
    --muted-foreground: #A99BDB;
    --secondary: #362E52;
    --secondary-foreground: #C7BCE8;
    --border: #3E3660;
    --color-hair: #372F52;
    --primary: #8477C0;
    --primary-hover: #9A8ED2;
    --primary-foreground: #FBF9F6;
    --color-purple-deep: #C7BCE8;
    --color-ink-mute: #B9AEE3;
    --color-coral: #F2A08C;
    --color-coral-texto: #F2A08C;
    --color-sobre-pessego: #F2A08C;
    --color-peach: #43302B;
    --color-success-bg: #22352C;
    --color-success-deep: #7FCBA4;
    --header-bg: rgba(32,26,49,0.92);
    --header-border: rgba(255,255,255,0.08);
  }
}
:root[data-theme="dark"] {
  --background: #201A31;
  --foreground: #ECE7F5;
  --card: #2B2542;
  --card-foreground: #ECE7F5;
  --muted: #2F284A;
  --muted-foreground: #A99BDB;
  --secondary: #362E52;
  --secondary-foreground: #C7BCE8;
  --border: #3E3660;
  --color-hair: #372F52;
  --primary: #8477C0;
  --primary-hover: #9A8ED2;
  --primary-foreground: #FBF9F6;
  --color-purple-deep: #C7BCE8;
  --color-ink-mute: #B9AEE3;
  --color-coral: #F2A08C;
  --color-coral-texto: #F2A08C;
  --color-sobre-pessego: #F2A08C;
  --color-peach: #43302B;
  --color-success-bg: #22352C;
  --color-success-deep: #7FCBA4;
  --header-bg: rgba(32,26,49,0.92);
  --header-border: rgba(255,255,255,0.08);
}

/* botao de tema (sol/lua) — reusado no header da landing e das paginas legais */
.tema-toggle {
  width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 12px; background: var(--muted); border: 1.5px solid var(--border);
  color: var(--color-purple-deep); cursor: pointer; padding: 0; -webkit-tap-highlight-color: transparent;
  transition: background .15s ease, border-color .15s ease;
}
.tema-toggle:hover { background: var(--secondary); }
.tema-toggle .ico-sol { display: none; }
.tema-toggle .ico-lua { display: block; }
:root[data-theme="dark"] .tema-toggle .ico-sol { display: block; }
:root[data-theme="dark"] .tema-toggle .ico-lua { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .tema-toggle .ico-sol { display: block; }
  :root:not([data-theme="light"]) .tema-toggle .ico-lua { display: none; }
}