/* =====================================================================
   Trokar · temas de color
   Todos los colores del sitio están aquí, y solo aquí: el resto de los
   estilos usa estos nombres. Para cambiar la paleta, se edita un bloque.
   Cada persona elige su tema en Mi cuenta (se guarda en su navegador).
   El tema base, el que ve quien no eligió, es Bosque.

   Reglas que cumplen todos los temas:
   - Contraste de lectura de al menos 4.5:1 entre --ink y --surface, y
     entre --accent-ink y --accent (texto sobre botones).
   - --danger es el mismo rojo en todos: marca lo urgente (autos robados,
     errores) y no debe perder su significado.
   ===================================================================== */

/* ---- Bosque: el verde inicial del sitio, y el tema base ---- */
:root,
:root[data-tema="bosque"]{
  --bg:#F1F3F0; --surface:#FFFFFF; --surface2:#F6F7F5; --ink:#1B1F24; --ink2:#3E464F; --muted:#59636C;
  --line:#DCE0DB; --accent:#0B6B4F; --accent-h:#095A42; --accent-ink:#FFFFFF; --accent-soft:#E2F0EA;
  --sel:#34A982; --sel-soft:#DDF2E9; --sel-ink:#0B5A40;
  --lado-fondo:#103A2E; --lado-ink:#E4F0EA; --lado-mut:#9CBDB0; --lado-activo:#1B5644; --lado-linea:#22503F;
  --mark:#F2B705; --mark-soft:#FFF4CC; --mark-ink:#6B5200;
  --danger:#B3261E; --danger-soft:#FBE9E7; --urgente:#C62828; --ok:#2E7D32; --info:#1F5FA8; --info-soft:#E4EEF9;
  --sign:#0B6B4F; --art1:#DDE2DC; --art2:#C6CEC8; --glass:rgba(64,78,90,.82); --tyre:#1B1F24; --hub:#AEB5BB;
  --verif:#1D9BF0; --verif-soft:#E8F4FD; --verif-ink:#0B5C94; --verif-borde:#B9DCF5;
  --aviso-soft:#FFF6E5; --aviso-ink:#5C4400; --aviso-borde:#F0E0B0; --ok-soft:#E3F2EA; --ok-ink:#0D5A3F;
  color-scheme:light;
}

/* ---- Petróleo: el de la imagen de referencia ---- */
:root[data-tema="petroleo"]{
  --bg:#F3F6F8; --surface:#FFFFFF; --surface2:#EEF3F6; --ink:#13232B; --ink2:#34474F; --muted:#55666F;
  --line:#D5DEE3; --accent:#0F4C5C; --accent-h:#0B3C49; --accent-ink:#FFFFFF; --accent-soft:#E1EEF1;
  --sel:#2BB3A3; --sel-soft:#DDF4F1; --sel-ink:#0C5A51;
  --lado-fondo:#0F3D4A; --lado-ink:#E3EEF1; --lado-mut:#9DB8C0; --lado-activo:#1C5A6A; --lado-linea:#24525F;
  --mark:#2BB3A3; --mark-soft:#DDF4F1; --mark-ink:#0C5A51;
  --danger:#B3261E; --danger-soft:#FBE9E7; --urgente:#C62828; --ok:#2E7D32; --info:#1F5FA8; --info-soft:#E4EEF9;
  --sign:#0F4C5C; --art1:#DCE4E8; --art2:#C5D1D7; --glass:rgba(64,78,90,.82); --tyre:#13232B; --hub:#AEB8BE;
  --verif:#1D9BF0; --verif-soft:#E8F4FD; --verif-ink:#0B5C94; --verif-borde:#B9DCF5;
  --aviso-soft:#FFF6E5; --aviso-ink:#5C4400; --aviso-borde:#F0E0B0; --ok-soft:#E3F2EA; --ok-ink:#0D5A3F;
  color-scheme:light;
}

/* ---- Rosa ---- */
:root[data-tema="rosa"]{
  --bg:#FBF4F7; --surface:#FFFFFF; --surface2:#F8EEF3; --ink:#2A1720; --ink2:#4E3341; --muted:#7A5F6C;
  --line:#EBD7E1; --accent:#A8336A; --accent-h:#8C2858; --accent-ink:#FFFFFF; --accent-soft:#F8E3ED;
  --sel:#E07AA5; --sel-soft:#FBE4EE; --sel-ink:#7A1E48;
  --lado-fondo:#5C1E3C; --lado-ink:#F8E8EF; --lado-mut:#D4A9BD; --lado-activo:#7A2D52; --lado-linea:#6E2A4A;
  --mark:#E07AA5; --mark-soft:#FBE4EE; --mark-ink:#7A1E48;
  --danger:#B3261E; --danger-soft:#FBE9E7; --urgente:#C62828; --ok:#2E7D32; --info:#1F5FA8; --info-soft:#E4EEF9;
  --sign:#A8336A; --art1:#F0DDE6; --art2:#E3C9D5; --glass:rgba(92,56,72,.8); --tyre:#2A1720; --hub:#C2AEB7;
  color-scheme:light;
}

/* ---- Marino: azul marino y celeste (los colores de Soluciones Reloncaví) ---- */
:root[data-tema="marino"]{
  --bg:#F2F5FA; --surface:#FFFFFF; --surface2:#EEF2F8; --ink:#141C38; --ink2:#34405F; --muted:#5A6680;
  --line:#D6DDEA; --accent:#1C284E; --accent-h:#141D3A; --accent-ink:#FFFFFF; --accent-soft:#E3E8F3;
  --sel:#01B1EB; --sel-soft:#DDF4FC; --sel-ink:#00658A;
  --lado-fondo:#141D3A; --lado-ink:#E6ECF7; --lado-mut:#9AA8C4; --lado-activo:#263569; --lado-linea:#24305A;
  --mark:#01B1EB; --mark-soft:#DDF4FC; --mark-ink:#00658A;
  --danger:#B3261E; --danger-soft:#FBE9E7; --urgente:#C62828; --ok:#2E7D32; --info:#1F5FA8; --info-soft:#E4EEF9;
  --sign:#1C284E; --art1:#DDE3EE; --art2:#C7D0E0; --glass:rgba(56,66,96,.82); --tyre:#141C38; --hub:#AEB6C6;
  --verif:#1D9BF0; --verif-soft:#E8F4FD; --verif-ink:#0B5C94; --verif-borde:#B9DCF5;
  --aviso-soft:#FFF6E5; --aviso-ink:#5C4400; --aviso-borde:#F0E0B0; --ok-soft:#E3F2EA; --ok-ink:#0D5A3F;
  color-scheme:light;
}

/* ---- Noche: oscuro. También se usa si el teléfono está en modo oscuro y la persona no eligió tema. ---- */
:root[data-tema="noche"]{
  --bg:#0E1518; --surface:#162026; --surface2:#1C2830; --ink:#E6EEF1; --ink2:#C2CFD4; --muted:#8FA1A9;
  --line:#2A3940; --accent:#4FB8C9; --accent-h:#6CC8D6; --accent-ink:#06171C; --accent-soft:#16323A;
  --sel:#2BB3A3; --sel-soft:#123A36; --sel-ink:#7FDCCF;
  --lado-fondo:#0A1114; --lado-ink:#DCE7EA; --lado-mut:#7D9198; --lado-activo:#18323A; --lado-linea:#1A2A30;
  --mark:#2BB3A3; --mark-soft:#123A36; --mark-ink:#7FDCCF;
  --danger:#F0857D; --danger-soft:#3A1E1B; --urgente:#C62828; --ok:#2E7D32; --info:#86B7EC; --info-soft:#1A2B40;
  --sign:#1F6E80; --art1:#24323A; --art2:#1C282E; --glass:rgba(120,138,152,.8); --tyre:#0A0F11; --hub:#7C878D;
  --verif:#1D9BF0; --verif-soft:#102A3D; --verif-ink:#8CC8F2; --verif-borde:#1E4A6A;
  --aviso-soft:#3A3111; --aviso-ink:#F4CF55; --aviso-borde:#5A4A1A; --ok-soft:#14322A; --ok-ink:#7FD1AD;
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema]),:root[data-tema=""]{
    --bg:#0E1518; --surface:#162026; --surface2:#1C2830; --ink:#E6EEF1; --ink2:#C2CFD4; --muted:#8FA1A9;
    --line:#2A3940; --accent:#4FB8C9; --accent-h:#6CC8D6; --accent-ink:#06171C; --accent-soft:#16323A;
    --sel:#2BB3A3; --sel-soft:#123A36; --sel-ink:#7FDCCF;
    --lado-fondo:#0A1114; --lado-ink:#DCE7EA; --lado-mut:#7D9198; --lado-activo:#18323A; --lado-linea:#1A2A30;
    --mark:#2BB3A3; --mark-soft:#123A36; --mark-ink:#7FDCCF;
    --danger:#F0857D; --danger-soft:#3A1E1B; --urgente:#C62828; --ok:#2E7D32; --info:#86B7EC; --info-soft:#1A2B40;
    --sign:#1F6E80; --art1:#24323A; --art2:#1C282E; --glass:rgba(120,138,152,.8); --tyre:#0A0F11; --hub:#7C878D;
    --verif:#1D9BF0; --verif-soft:#102A3D; --verif-ink:#8CC8F2; --verif-borde:#1E4A6A;
    --aviso-soft:#3A3111; --aviso-ink:#F4CF55; --aviso-borde:#5A4A1A; --ok-soft:#14322A; --ok-ink:#7FD1AD;
  --verif:#1D9BF0; --verif-soft:#102A3D; --verif-ink:#8CC8F2; --verif-borde:#1E4A6A;
  --aviso-soft:#3A3111; --aviso-ink:#F4CF55; --aviso-borde:#5A4A1A; --ok-soft:#14322A; --ok-ink:#7FD1AD;
    color-scheme:dark;
  }
}