:root{
  --primary:#0d7f76;
  --primary-dark:#075e58;
  --primary-soft:#e8f5f3;

  /* Colores funcionales de los reportes: cambian de tono en modo noche (ver bloque dark) */
  --coral:#ff6f59;
  --coral-soft:#fff0ec;
  --gold:#e6a82e;
  --purple:#8a67c7;
  --blue:#3b89ce;
  /* V99: antes "Encontrado" usaba var(--primary) y "Resguardado" un teal casi
     igual (#43a49b) — se confundían entre sí y con la marca. Ahora tienen
     tono propio. */
  --found:#3e9d69;
  --found-soft:#e5f5eb;
  --sheltered:#c17a45;
  --sheltered-soft:#f7ead9;

  --font-display:'Fraunces', 'Georgia', serif;

  --bg:#f7f9f8;
  --surface:#ffffff;
  --surface-2:#fbfcfc;
  --surface-3:#f0f4f3;
  --text:#173433;
  --muted:#6f7e7c;
  --border:#e0e8e6;
  --shadow:0 10px 24px rgba(33,72,67,.08);

  --theme-accent:#0d7f76;
  --theme-accent-soft:#e8f5f3;
  --outer-bg:#edf1ef;

  --max:430px;
  --nav-h:72px;
  --sidebar-w:240px;

  /* Documentación: este valor debe coincidir con SSV.DESKTOP_BREAKPOINT
     (src/app/app.js) y con los @media(min-width:1024px) del proyecto.
     Los @media no leen custom properties, así que el número se repite. */
  --desktop-bp:1024px;
}

html[data-theme="dark"]{
  /*
    Noche gris-azulada/verdosa.
    V99: los colores de reporte ya no se quedan a saturación completa de
    día — se suavizan un poco para que el halo del mapa no se vea "neón"
    sobre fondo oscuro. La identidad de cada color se conserva.
  */
  --bg:#111817;
  --surface:#182220;
  --surface-2:#1d2927;
  --surface-3:#24312f;
  --text:#f2f6f5;
  --muted:#9eafab;
  --border:#2b3936;
  --shadow:0 12px 30px rgba(0,0,0,.28);

  --primary-soft:#1b3532;
  --theme-accent:#43b7ab;
  --theme-accent-soft:#1b3532;
  --outer-bg:#0b1110;

  --coral:#e5695a;
  --coral-soft:#3a2420;
  --gold:#d9ab4c;
  --purple:#a084d1;
  --blue:#5b9bd9;
  --found:#55b781;
  --found-soft:#1c332a;
  --sheltered:#d1935f;
  --sheltered-soft:#332720;

  color-scheme:dark;
}