/* v2/dasar.css — token warna & komponen bersama (semua layar).
   Aturan v2: struktur & warna di sini; ukuran/tata letak per layar di dasar.desktop.css / dasar.mobile.css. */
:root {
  --v2-bg: #f7f6f5;
  --v2-card: #fff;
  --v2-line: #ebe7e6;
  --v2-line-2: #f3f0ef;
  --v2-ink: var(--ink, #1f1417);
  --v2-muted: #6f6769;
  --v2-soft: #9a9294;
  --v2-wine: var(--wine, #6e040f);
  --v2-wine-bg: #f8eeef;
  --v2-ok: #1f7a4d;
  --v2-ok-bg: #eef7f1;
  --v2-warn: #95590a;
  --v2-warn-bg: #fdf5e6;
  --v2-bad: #a1261b;
  --v2-bad-bg: #fbeeed;
  --v2-radius: 12px;
  /* Footer: gelap lembut (bukan hitam pekat) */
  --v2-footer: #2e292b;
  --v2-footer-ink: #f2eeef;
  --v2-footer-muted: #b8afb2;
  --v2-footer-line: rgb(255 255 255 / 11%);
}

/* ---------- Footer lembut ---------- */
.lf-card { background: var(--v2-footer); color: var(--v2-footer-ink); }
.lf a { color: var(--v2-footer-ink); }
.lf a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.lf h5 { color: var(--v2-footer-muted); }
.lf-brand p, .lf-m-head p, .lf-addr, .lf-bottom { color: var(--v2-footer-muted); }
.lf-branch b { color: var(--v2-footer-ink); }
.lf-branch a { color: #f4b4ae !important; }
.lf-news input { background: rgb(255 255 255 / 7%); border-color: rgb(255 255 255 / 16%); }
.lf-news input::placeholder { color: var(--v2-footer-muted); }
.lf-news button { background: var(--v2-wine); }
.lf-bottom, .lf-acc, .lf-mobile .lf-news { border-color: var(--v2-footer-line) !important; }
.lf-pay li { border-color: rgb(255 255 255 / 16%); color: var(--v2-footer-ink); background: rgb(255 255 255 / 4%); }

/* ---------- Komponen bersama ---------- */
.v2-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.5; white-space: nowrap; }
.v2-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.v2-chip.is-ok { background: var(--v2-ok-bg); color: var(--v2-ok); }
.v2-chip.is-warn { background: var(--v2-warn-bg); color: var(--v2-warn); }
.v2-chip.is-bad { background: var(--v2-bad-bg); color: var(--v2-bad); }
.v2-chip.is-mute { background: var(--v2-line-2); color: var(--v2-muted); }
.v2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0 16px; border: 1px solid var(--v2-wine); border-radius: 9px; background: var(--v2-wine); color: #fff; font: inherit; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; }
.v2-btn.is-line { background: #fff; color: var(--v2-wine); }
.v2-btn.is-ghost { background: #fff; color: var(--v2-ink); border-color: var(--v2-line); }
.v2-btn:hover { filter: brightness(.96); }
.v2-card { background: var(--v2-card); border: 1px solid var(--v2-line); border-radius: var(--v2-radius); }

/* Ikon di tombol reservasi/checkout (co-btn) tidak boleh membesar memenuhi tombol */
.co-btn svg, .co-btn-line svg { flex: none; width: 18px; height: 18px; margin-left: 8px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }