/* ─────────────────────────────────────────────
   Hostel Che — tema compartido (claro/oscuro automatico)
   Se adapta solo segun el modo del sistema operativo/navegador
   del dispositivo (prefers-color-scheme). No requiere JS.
   ───────────────────────────────────────────── */

:root{
  --bg:#f5f4f0;
  --surface:#ffffff;
  --surface2:#f0ede8;
  --border:#e8e6e0;
  --border-strong:#d8d5cc;
  --text:#1a1a1a;
  --text2:#888888;
  --text3:#aaaaaa;
  --text4:#cccccc;

  --green:#1D9E75;
  --green-dark:#0F6E56;
  --green-bg:#E1F5EE;
  --red:#E24B4A;
  --red-dark:#A32D2D;
  --red-bg:#FCEBEB;
  --yellow:#F5A623;
  --yellow-dark:#7A5C00;
  --yellow-bg:#FFF8E1;
  --blue:#178BF5;

  --shadow-card:0 1px 2px rgba(0,0,0,0.04);
}

@media (prefers-color-scheme: dark){
  :root{
    --bg:#0f0f0f;
    --surface:#1a1a1a;
    --surface2:#222222;
    --border:#2a2a2a;
    --border-strong:#3a3a3a;
    --text:#f0f0f0;
    --text2:#999999;
    --text3:#666666;
    --text4:#484848;

    --green:#1D9E75;
    --green-dark:#5fe3bd;
    --green-bg:rgba(29,158,117,0.15);
    --red:#E24B4A;
    --red-dark:#ff9b9b;
    --red-bg:rgba(226,75,74,0.15);
    --yellow:#F5A623;
    --yellow-dark:#ffd479;
    --yellow-bg:rgba(245,166,35,0.12);
    --blue:#5b9cf6;

    --shadow-card:none;
  }
}