/* ============================================================
   Tools — tokens visuais (identidade ConVert)
   ============================================================ */
:root {
  /* Cores do projeto Tools — extraídas do logo ConVert */
  --navy: #283048;       /* navy da marca (primária) */
  --navy-2: #1f2638;     /* navy mais escuro, p/ degradês */
  --navy-soft: #3a4566;  /* navy mais claro */
  --gold: #A89068;       /* dourado da marca (acento) */
  --gold-soft: #c2ac84;
  --bg: #f4f3ef;
  --surface: #ffffff;
  --surface-alt: #f8f7f4;
  --line: #e6e3dc;
  --text: #1e2533;
  --text-soft: #5b6472;
  --text-faint: #8a93a1;

  /* Status */
  --ok-bg: #e8f5e9;     --ok-fg: #2e7d32;
  --err-bg: #ffebee;    --err-fg: #c62828;
  --canc-bg: #ede7f6;   --canc-fg: #4a148c;
  --ent-bg: #e3f2fd;    --ent-fg: #1565c0;
  --div-bg: #fff8e1;    --div-fg: #b26a00;

  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 1px 2px rgba(11,25,60,.04), 0 8px 24px rgba(11,25,60,.06);
  --shadow-soft: 0 1px 2px rgba(11,25,60,.05);
  --sidebar-w: 252px;

  --font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}

button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }

a { color: var(--gold); text-decoration: none; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d6d2c8; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold-soft); }

/* foco visível (acessibilidade) */
:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}