/**
 * main.css — Variables globales, reset, layout, tipografia, modo oscuro
 * Cuadro de Mando — Diputacion Foral de Bizkaia
 */

:root {
  /* Brand */
  --brand: #3563d8;
  --brand-light: #dce6fb;
  --brand-dark: #1e44b0;
  --brand-darker: #10255e;

  /* Surface (light) */
  --bg-body: #f3f5f7;
  --bg-card: #ffffff;
  --bg-header: rgba(255,255,255,0.8);
  --border-color: #e8ebed;
  --text-primary: #0b1a42;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --shadow-card: 0 1px 3px rgba(0,0,0,.06);
  --shadow-hover: 0 12px 32px rgba(53,99,216,.12);

  /* Etiquetas */
  --color-identidad: #8B6FC0;
  --color-colaboracion: #D4845E;
  --color-anticipacion: #4A8FBF;
  --color-cohesion: #D4A017;
  --color-sindefinir: #94a3b8;

  /* Flow */
  --color-flow-si: #059669;
  --color-flow-no: #dc2626;
  --color-flow-seleccionada: #d97706;
  --color-flow-pendiente: #6366f1;

  /* Acentos */
  --accent-coral: #e8705a;
  --accent-mint: #3ec9a7;
  --accent-sky: #45b7d1;
}

/* ── DARK MODE ── */
.dark {
  --bg-body: #0f1219;
  --bg-card: #1a1f2e;
  --bg-header: rgba(26,31,46,0.85);
  --border-color: #2a3044;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --shadow-card: 0 1px 3px rgba(0,0,0,.2);
  --shadow-hover: 0 12px 32px rgba(53,99,216,.2);
}

[x-cloak] { display: none !important; }

* {
  scrollbar-width: thin;
  scrollbar-color: #c4c9d4 transparent;
}
.dark * {
  scrollbar-color: #3a4056 transparent;
}

body {
  font-family: 'DM Sans', system-ui, sans-serif;
  background: var(--bg-body);
  color: var(--text-primary);
  min-height: 100vh;
  transition: background .3s ease, color .3s ease;
}