/* 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) */
  --noite: #2B2542;              /* fundo escuro pontual (secao seguranca/CTA) */
}

/* 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; }
}