/* ============================================================
   GeoVoto — Design system base (v2)
   Visual clean inspirado em Vercel/Linear/Notion.
   Cinza zinc + acento teal. Tipografia Inter.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Backgrounds em camadas */
  --bg-1: #fafafa;          /* fundo app */
  --bg-2: #f4f4f5;          /* fundo sutil (cards subtle, hover light) */
  --bg-card: #ffffff;       /* cards principais */
  --bg-hover: #f1f5f9;      /* hover de nav/lista */

  /* Texto */
  --ink: #18181b;           /* texto base */
  --ink-strong: #09090b;    /* títulos */
  --ink-2: #71717a;         /* texto secundário */
  --ink-faint: #a1a1aa;     /* texto desfocado */

  /* Bordas */
  --line: #e4e4e7;
  --line-strong: #d4d4d8;

  /* Acento — TEAL (geo/mapa) */
  --accent: #0b1530;
  --accent-hover: #182a52;
  --accent-soft: #ccfbf1;
  --accent-text: #115e59;

  /* Estados */
  --success: #16a34a;
  --warning: #ca8a04;
  --danger:  #dc2626;
  --info:    #2563eb;

  /* Tipografia */
  --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  /* Sombras (sutis) */
  --shadow-xs:   0 1px 2px rgba(9, 9, 11, 0.04);
  --shadow-soft: 0 1px 2px rgba(9, 9, 11, 0.05), 0 1px 3px rgba(9, 9, 11, 0.06);
  --shadow-md:   0 4px 6px -1px rgba(9, 9, 11, 0.05), 0 2px 4px -2px rgba(9, 9, 11, 0.04);
  --shadow-pop:  0 10px 15px -3px rgba(9, 9, 11, 0.08), 0 4px 6px -4px rgba(9, 9, 11, 0.05);

  /* Raios */
  --radius-sm: 6px;
  --radius:    8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
}

/* 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;
  font-feature-settings: 'cv11', 'ss01';
  letter-spacing: -0.005em;
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
button { font-family: inherit; cursor: pointer; }
input, textarea, select { font-family: inherit; }