/* ============================================================
   GeoVoto — Design system base
   Tokens compartilhados entre app do operador e painel do gestor.
   ============================================================ */

:root {
  /* Paleta base — neutros terrosos */
  --bg-1: #f4f1ea;
  --bg-2: #ebe5d6;
  --ink: #1c1d22;
  --ink-2: #4a4d57;
  --line: rgba(28, 29, 34, 0.12);
  --line-strong: rgba(28, 29, 34, 0.24);

  /* Acentos */
  --accent: #c2410c;        /* terracota — ações principais */
  --accent-hover: #9a3409;
  --success: #15803d;       /* verde profundo — tracking ativo */
  --warning: #b45309;       /* âmbar — atenção */
  --danger: #991b1b;        /* vinho — perigo, exclusões */

  /* Tipografia */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  /* Sombras */
  --shadow-soft: 0 1px 2px rgba(28, 29, 34, 0.06), 0 4px 12px rgba(28, 29, 34, 0.04);
  --shadow-pop: 0 4px 12px rgba(28, 29, 34, 0.12), 0 16px 48px rgba(28, 29, 34, 0.08);

  /* Raios */
  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 12px;
}

/* Reset enxuto */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--font-body); color: var(--ink); background: var(--bg-1); -webkit-font-smoothing: antialiased; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
button { font-family: inherit; cursor: pointer; }
input, textarea, select { font-family: inherit; }