/* base.css — reset leve, variáveis de tema (terracota) e tipografia.
   Carregado em todas as telas. */

:root {
  /* paleta terracota */
  --primary:#C05F3C; --primary-dark:#A9502F;
  --ink:#1F1D1B; --text:#4A453F; --muted:#7A756E;
  --bg:#F7F6F3; --surface:#fff; --border:#E6E3DE;
  --blue:#4A7A9B; --green:#6B8E5A; --yellow:#C99A3C; --purple:#7E6B9E; --pink:#B45B6E;

  --radius:11px; --radius-lg:15px;
  --shadow-sm:0 1px 2px rgba(31,29,27,.06);
  --shadow:0 6px 20px rgba(31,29,27,.08);
  --shadow-lg:0 18px 48px rgba(31,29,27,.16);

  --font-head:"Space Grotesk", system-ui, sans-serif;
  --font-body:"Public Sans", system-ui, sans-serif;

  --sidebar-w:248px; --header-h:64px;
}

*, *::before, *::after { box-sizing:border-box; }

html, body { height:100%; }

body {
  margin:0;
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.55;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}

h1, h2, h3, h4 {
  font-family:var(--font-head);
  color:var(--ink);
  line-height:1.2;
  margin:0;
  font-weight:600;
}

a { color:var(--primary); text-decoration:none; }
a:hover { text-decoration:underline; }

img { max-width:100%; display:block; }

button, input, select, textarea { font:inherit; color:inherit; }

/* rolagem mais discreta */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-thumb { background:var(--border); border-radius:99px; }
::-webkit-scrollbar-thumb:hover { background:#d6d2cb; }

/* utilitárias */
.muted { color:var(--muted); }
.small { font-size:13px; }
.stack { display:flex; flex-direction:column; }
.row { display:flex; align-items:center; }
.gap-8 { gap:8px; } .gap-12 { gap:12px; } .gap-16 { gap:16px; }
.hidden { display:none !important; }
.spacer { flex:1; }
.truncate { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }