/* =========================================================
   Everyday Bromo — Design System v1 "Gunung Senja"
   Arah: mobile app booking (Traveloka-class) dengan jiwa
   editorial senja. Permukaan hangat krem, aksen terracotta,
   malam navy, tipografi display serif + sans utilitarian.
   Logo sementara: wordmark teks.
   ========================================================= */


:root {
  /* -- Warna: 13 token "Gunung Senja" -- */
  --c-primary: #C75B39;        /* terracotta — aksi utama */
  --c-primary-hover: #A8492C;  /* terracotta gelap — hover */
  --c-primary-bright: #E07A4F; /* terracotta terang — pada navy */
  --c-primary-soft: #FAEDE6;   /* blush terracotta — permukaan lembut */
  --c-amber: #E8A33D;          /* amber senja — highlight, rating */
  --c-amber-soft: #FCF3E2;     /* amber pucat — badge, toast info */
  --c-navy: #1B2A41;           /* malam Bromo — permukaan gelap, footer */
  --c-navy-2: #24374F;         /* navy terang — elevasi di atas navy */
  --c-ink: #241E1A;            /* teks utama — cokelat tinta, bukan hitam murni */
  --c-ink-2: #6E625B;          /* teks sekunder — hangat, bukan abu generik */
  --c-surface: #FFFFFF;        /* kartu */
  --c-bg: #FAF6F1;             /* krem gurun — latar halaman */
  --c-line: #EAE0D6;           /* garis pemisah hangat */

  /* -- Spacing 8px -- */
  --s-xs: 4px; --s-sm: 8px; --s-md: 16px; --s-lg: 24px;
  --s-xl: 32px; --s-2xl: 48px; --s-3xl: 64px; --s-4xl: 104px;

  /* -- Radius: app-like, konsisten bertingkat -- */
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 18px; --r-full: 999px;

  /* -- Shadow: elevasi lembut hangat -- */
  --sh-sm: 0 1px 2px rgba(36,30,26,.06);
  --sh-md: 0 8px 24px rgba(36,30,26,.10);
  --sh-lg: 0 20px 48px rgba(27,42,65,.16);

  /* -- Motion -- */
  --e-out: cubic-bezier(.22,1,.36,1);
  --t-fast: 150ms; --t-normal: 280ms; --t-slow: 500ms;

  --max-w: 1180px;
  --nav-h: 76px;
  --bottomnav-h: 62px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; overflow-x: clip; }