/* Venuz — tokens de cor e tipografia (claro/escuro), reset e botões */
/* Layout: home em coluna única com esquema da tela de locais; app em duas colunas (lista à esquerda, detalhes à direita) sob uma barra laranja contínua, como na referência. */
:root{
  --font-display:'Lexend',system-ui,sans-serif;
  --font-body:'Figtree',system-ui,sans-serif;
  --bg:#FFFCF7; --panel:#FFFFFF; --ink:#2B1A0C; --muted:#6F5C49;
  --accent:#FF9A3C; --accent-soft:#FFC98F; --accent-text:#A94A00; --on-accent:#2B1400;
  --line:#F1D8BC; --danger:#B3261E; --focus:#2B1A0C;
  --gl:max(16px,env(safe-area-inset-left,0px)); --gr:max(16px,env(safe-area-inset-right,0px));
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#16100A; --panel:#1E160E; --ink:#F7EADB; --muted:#C2AB92;
    --accent:#FF9A3C; --accent-soft:#FFC98F; --accent-text:#FFB46B; --on-accent:#2B1400;
    --line:#3B2B1B; --danger:#FF9C94; --focus:#FFD2A3; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#16100A; --panel:#1E160E; --ink:#F7EADB; --muted:#C2AB92;
  --accent:#FF9A3C; --accent-soft:#FFC98F; --accent-text:#FFB46B; --on-accent:#2B1400;
  --line:#3B2B1B; --danger:#FF9C94; --focus:#FFD2A3; color-scheme:dark;
}
[hidden]{display:none!important}
:root{color-scheme:light;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5}
h1,h2,h3{font-family:var(--font-display);margin:0;text-wrap:balance;line-height:1.15}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.ic{flex:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* botões */
a.btn,a.tool{text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:2px solid transparent;font-weight:600;background:none}
.btn-primary{background:var(--accent);color:var(--on-accent)}
.btn-primary:hover{background:var(--accent-soft)}
.btn-ghost{border-color:var(--accent);color:var(--ink)}
.btn-ghost:hover{background:var(--accent);color:var(--on-accent)}
.btn-danger{border-color:var(--danger);color:var(--danger)}
.btn-danger:hover{background:var(--danger);color:var(--bg)}
/* botão de ícone da barra (usado nas duas páginas) */
.tool{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px;border:0;border-radius:10px;background:none;color:var(--on-accent);font-weight:600;justify-content:center}
.tool:hover{background:var(--accent-soft)}
.btn-lg{min-height:52px;padding:0 26px;font-size:1.0625rem}
