/* Century 21 Nova · Plataforma de Gestión — Design tokens
   Marca: dorado sobre verde petróleo (ver assets/img/nova_fondo.png)
   El sidebar es siempre oscuro (identidad de marca). El contenido
   principal respeta el tema claro/oscuro elegido por el usuario. */

:root {
  --font: "Montserrat", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-display: "Cinzel", "Montserrat", serif;

  /* Escala dorada (fija en ambos temas) */
  --gold-50:  #fcf8ee;
  --gold-100: #f7edcc;
  --gold-200: #eeda99;
  --gold-300: #e3c266;
  --gold-400: #d4af37;
  --gold-500: #c5a059;
  --gold-600: #a67c37;
  --gold-700: #845f2a;
  --gold-800: #6c4e24;
  --gold-900: #59401f;

  /* Escala petróleo (fija, usada por el sidebar y acentos de marca) */
  --petrol-900: #03100e;
  --petrol-800: #051c18;
  --petrol-700: #0b2924;
  --petrol-600: #133e36;
  --petrol-500: #1b564a;

  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 1px 2px rgba(0,0,0,.45), 0 18px 44px -18px rgba(0,0,0,.8);
  --ok: #4caf7d;
  --warn: #d4af37;
  --danger: #c25450;
}

/* ---------- Tema oscuro (por defecto) ---------- */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #071214;
  --bg-glow-1: rgba(0, 160, 170, .12);
  --bg-glow-2: rgba(212, 175, 55, .10);
  --surface: #0e1d20;
  --surface-2: #15292d;
  --surface-3: #1b3337;
  --border: rgba(212, 175, 55, .16);
  --text: #f3efe4;
  --text-2: #c9c2ae;
  --text-3: #8f8a7a;
  --gold: var(--gold-400);
  --gold-hi: var(--gold-200);
  --gold-lo: var(--gold-700);
  --on-gold: #1a1203;
  --input-bg: #0a1618;
}

/* ---------- Tema claro ---------- */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f4ec;
  --bg-glow-1: rgba(212, 175, 55, .10);
  --bg-glow-2: rgba(11, 41, 36, .06);
  --surface: #ffffff;
  --surface-2: #f3efe2;
  --surface-3: #ece5d2;
  --border: rgba(11, 41, 36, .12);
  --text: #11211d;
  --text-2: #3e4c47;
  --text-3: #6c766f;
  --gold: var(--gold-600);
  --gold-hi: var(--gold-700);
  --gold-lo: var(--gold-800);
  --on-gold: #1a1203;
  --input-bg: #ffffff;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #f6f4ec;
    --bg-glow-1: rgba(212, 175, 55, .10);
    --bg-glow-2: rgba(11, 41, 36, .06);
    --surface: #ffffff;
    --surface-2: #f3efe2;
    --surface-3: #ece5d2;
    --border: rgba(11, 41, 36, .12);
    --text: #11211d;
    --text-2: #3e4c47;
    --text-3: #6c766f;
    --gold: var(--gold-600);
    --gold-hi: var(--gold-700);
    --gold-lo: var(--gold-800);
    --on-gold: #1a1203;
    --input-bg: #ffffff;
  }
}