/* COSTEROS — Variables del sistema visual. Identidad neutral, sin colores partidarios dominantes. */
:root {
  /* Colores */
  --color-primary: #0f6e7a;
  --color-primary-dark: #0a4f58;
  --color-accent: #e8a33d;
  --color-text: #1c2430;
  --color-text-muted: #556070;
  --color-bg: #f6f8fa;
  --color-surface: #ffffff;
  --color-border: #d9dfe6;

  /* Estados de voto / resultados (siempre acompañados de texto e ícono) */
  --color-favor: #1f7a3d;
  --color-contra: #b3261e;
  --color-abstencion: #8a6d00;
  --color-ausente: #5f6368;
  --color-otro: #4a4e9c;

  /* Avisos */
  --color-info-bg: #e6f2f4;
  --color-warning-bg: #fff4dc;
  --color-error-bg: #fdecea;

  /* Tipografía */
  --font-family-base: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.75rem;
  --font-size-xxl: 2.25rem;
  --line-height-base: 1.6;

  /* Espaciados */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;

  /* Forma */
  --radius-sm: 6px;
  --radius-md: 12px;
  --shadow-card: 0 2px 8px rgb(16 24 40 / 8%);
  --container-max: 1200px;
  --focus-ring: 3px solid var(--color-accent);
}