/* Tokens da marca Vital Monteiro (Manual de Identidade Visual)
   Laranja #F2683D · Cinza #727376 · Gelo #F4F5F6
   Trajan Pro → Cinzel (web) · Gotham Black → Montserrat 800/900 (web) */
:root {
  --laranja: #F2683D;
  --laranja-forte: #D9532A;
  --laranja-suave: #FDE9E2;
  --cinza: #727376;
  --gelo: #F4F5F6;
  --bg: #FFFFFF;
  --bg-2: #F4F5F6;
  --card: #FFFFFF;
  --texto: #2B2C2E;
  --texto-2: #5E5F62;
  --linha: #E3E4E6;
  --ok: #1E9E5A;
  --ok-suave: #E3F5EC;
  --erro: #D23B3B;
  --erro-suave: #FBE6E6;
  --aviso: #C98500;
  --aviso-suave: #FFF3D6;
  --sombra: 0 1px 2px rgba(20, 20, 22, .06), 0 8px 24px rgba(20, 20, 22, .06);
  --raio: 14px;
  --fonte-titulo: "Cinzel", "Trajan Pro", Georgia, serif;
  --fonte: "Montserrat", "Gotham", system-ui, -apple-system, Segoe UI, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #141416; --bg-2: #1C1C1F; --card: #222226; --texto: #EDEDEF; --texto-2: #A9AAAE;
    --linha: #34343A; --laranja-suave: #3A2219; --ok-suave: #15301F; --erro-suave: #3A1A1A; --aviso-suave: #352A10;
    --sombra: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #141416; --bg-2: #1C1C1F; --card: #222226; --texto: #EDEDEF; --texto-2: #A9AAAE;
  --linha: #34343A; --laranja-suave: #3A2219; --ok-suave: #15301F; --erro-suave: #3A1A1A; --aviso-suave: #352A10;
  --sombra: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--texto); font-family: var(--fonte); line-height: 1.55; }
a { color: var(--laranja); }
img { max-width: 100%; }
.logo-claro { display: inline-block; }
.logo-escuro { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .logo-claro { display: none; }
  :root:not([data-theme="light"]) .logo-escuro { display: inline-block; }
}
:root[data-theme="dark"] .logo-claro { display: none; }
:root[data-theme="dark"] .logo-escuro { display: inline-block; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border: 0; cursor: pointer;
  font: 700 .92rem/1 var(--fonte); padding: .85rem 1.3rem; border-radius: 999px; text-decoration: none;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease; }
.btn:focus-visible { outline: 3px solid var(--laranja); outline-offset: 2px; }
.btn-laranja { background: var(--laranja); color: #fff; }
.btn-laranja:hover { background: var(--laranja-forte); transform: translateY(-1px); }
.btn-linha { background: transparent; color: var(--texto); border: 1.5px solid var(--linha); }
.btn-linha:hover { border-color: var(--laranja); color: var(--laranja); }
.btn-ok { background: var(--ok); color: #fff; }
.btn-erro { background: var(--erro); color: #fff; }
.btn-peq { padding: .55rem .9rem; font-size: .82rem; }
.tema-btn { width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--linha); background: var(--card);
  color: var(--texto); cursor: pointer; display: grid; place-items: center; }
.tema-btn:hover { border-color: var(--laranja); color: var(--laranja); }
.tema-btn svg { width: 18px; height: 18px; }
.icone-sol { display: none; }
:root[data-theme="dark"] .icone-sol { display: block; }
:root[data-theme="dark"] .icone-lua { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .icone-sol { display: block; }
  :root:not([data-theme="light"]) .icone-lua { display: none; }
}