/* Identidades visuais: data-tema="azul|dourado"  ×  data-modo="claro|escuro".
   Todo componente usa só estas variáveis; trocar de identidade não muda nenhum HTML. */
:root,
:root[data-tema="azul"][data-modo="claro"] {
  --fundo:#F0F4F8; --superficie:#FFFFFF; --texto:#0A1628; --texto-suave:#44556A;
  --acento:#2E6DA4; --acento-forte:#1A4A72; --acento-texto:#2A6399; --texto-no-acento:#FFFFFF;
  --borda:rgba(46,109,164,.20); --sombra:0 2px 20px rgba(10,22,40,.08);
}
:root[data-tema="azul"][data-modo="escuro"] {
  --fundo:#0A1628; --superficie:#111E35; --texto:#E8EDF4; --texto-suave:#9AADC4;
  --acento:#2E6DA4; --acento-forte:#1A4A72; --acento-texto:#6FA8DC; --texto-no-acento:#FFFFFF;
  --borda:rgba(74,141,196,.28); --sombra:0 4px 30px rgba(0,0,0,.40);
}
:root[data-tema="dourado"][data-modo="claro"] {
  --fundo:#FAF8F3; --superficie:#FFFFFF; --texto:#1A1A1A; --texto-suave:#5C5346;
  --acento:#C5A059; --acento-forte:#9A7535; --acento-texto:#7A5A22; --texto-no-acento:#1A1408;
  --borda:rgba(197,160,89,.35); --sombra:0 2px 20px rgba(60,40,10,.08);
}
:root[data-tema="dourado"][data-modo="escuro"] {
  --fundo:#14110C; --superficie:#1D1912; --texto:#F2EBDD; --texto-suave:#B5A98F;
  --acento:#C5A059; --acento-forte:#9A7535; --acento-texto:#E0C07F; --texto-no-acento:#1A1408;
  --borda:rgba(197,160,89,.30); --sombra:0 4px 30px rgba(0,0,0,.45);
}

:root { color-scheme: light; --fonte-serif:"Cormorant Garamond",Georgia,serif; --fonte-texto:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
:root[data-modo="escuro"] { color-scheme: dark; }

*,*::before,*::after { box-sizing:border-box; }
body { margin:0; background:var(--fundo); color:var(--texto); font-family:var(--fonte-texto); line-height:1.6; transition:background .25s,color .25s; }
h1,h2,h3 { font-family:var(--fonte-serif); letter-spacing:.02em; }

.cartao { background:var(--superficie); border:1px solid var(--borda); border-radius:16px; box-shadow:var(--sombra); padding:24px; }
.rotulo { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--acento-texto); }
.botao { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 20px; border:0; border-radius:12px; cursor:pointer;
  font:600 12px var(--fonte-texto); letter-spacing:.16em; text-transform:uppercase; color:var(--texto-no-acento);
  background:linear-gradient(135deg,var(--acento),var(--acento-forte)); }
.botao:disabled { opacity:.5; cursor:not-allowed; }
.botao-claro { background:transparent; color:var(--acento-texto); border:1px solid var(--borda); }
.campo { width:100%; min-height:44px; padding:8px 0; background:transparent; color:var(--texto); font:400 15px var(--fonte-texto);
  border:0; border-bottom:2px solid var(--borda); outline:none; }
.campo:focus-visible { border-bottom-color:var(--acento); }
:focus-visible { outline:2px solid var(--acento); outline-offset:2px; }
.seletor-tema { display:inline-flex; gap:8px; }
.seletor-tema button { min-width:44px; min-height:44px; }
.seletor-tema [aria-pressed="true"] { border-color:var(--acento); color:var(--acento-texto); }
@media (prefers-reduced-motion:reduce) { * { transition:none !important; animation:none !important; } }