/* HotelFix — token & reset untuk mockup mandiri (light mode).
   Meniru variabel design system agar mockup tampil benar saat dibuka
   langsung di browser, tanpa perlu server. Ikon memakai Tabler (CDN). */

:root{
  --surface-2:#ffffff;
  --surface-1:#faf9f5;
  --surface-0:#f4f4f0;
  --border:rgba(0,0,0,.12);
  --border-strong:rgba(0,0,0,.2);
  --border-stronger:rgba(0,0,0,.35);
  --text-primary:#1a1a18;
  --text-secondary:#5f5e5a;
  --text-muted:#8a897f;
  --text-accent:#185fa5;
  --text-danger:#a32d2d;
  --text-success:#0f6e56;
  --text-warning:#854f0b;
  --bg-accent:#E6F1FB;
  --bg-danger:#FCEBEB;
  --bg-success:#E1F5EE;
  --bg-warning:#FAEEDA;
  --border-accent:#378ADD;
  --border-danger:#E24B4A;
  --border-warning:#EF9F27;
  --fill-primary:#1f2933;
  --on-primary:#ffffff;
  --fill-success:#0f6e56;
  --on-success:#ffffff;
  --fill-danger:#E24B4A;
  --radius:8px;
}

*{box-sizing:border-box}
body{
  margin:0;
  padding:20px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--surface-0);
  color:var(--text-primary);
  line-height:1.5;
}
h1{font-size:20px;font-weight:500;margin:0 0 4px}
.page-note{font-size:13px;color:var(--text-secondary);margin:0 0 18px}
h2,h3{font-weight:500}
a{color:var(--text-accent)}