/*
 * Website v2 — token dan dasar (docs/ui/RENCANA_WEBSITE_V2.md §3). Diturunkan dari design system recoding
 * (erahajj-ui), brand = warna ThemeBuilder website travel (--ww-tema*). Font TIDAK diubah (pilihan travel).
 * Pemilik: koordinator.
 */
body.wv2 {
    --wv-brand: var(--ww-tema, #2c82c9);
    --wv-brand-hover: var(--ww-tema-hover, #1a6aa8);
    --wv-brand-gelap: var(--ww-tema-gelap, #0d3c62);
    --wv-brand-soft: var(--ww-tema-latar, rgb(44 130 201 / 8%));
    --wv-brand-lembut: var(--ww-tema-lembut, rgb(44 130 201 / 15%));
    --wv-heading: #123049;
    --wv-ink: #33415d;
    --wv-muted: #6b7a90;
    --wv-surface: #ffffff;
    --wv-sunken: #f5f9fc;
    --wv-canvas: #ffffff;
    --wv-border: #dce6ef;
    --wv-border-strong: #bfd0df;
    --wv-success: #12805c;
    --wv-success-soft: #e6f6ef;
    --wv-warning: #7a4e06;
    --wv-warning-soft: #fdf1dc;
    --wv-danger: #c8323b;
    --wv-danger-soft: #fdecec;
    --wv-radius-sm: 8px;
    --wv-radius-md: 10px;
    --wv-radius-lg: 14px;
    --wv-radius-xl: 20px;
    --wv-radius-pill: 999px;
    --wv-shadow-rest: 0 1px 2px rgb(18 48 73 / 5%);
    --wv-shadow-card: 0 4px 16px rgb(18 48 73 / 7%);
    --wv-shadow-raised: 0 12px 32px rgb(18 48 73 / 12%);
    --wv-focus: 0 0 0 3px var(--ww-tema-lembut, rgb(44 130 201 / 15%));
}
@media screen {
    /* Latar halaman putih seperti website recoding (kartu bergaris); header/footer ThemeBuilder tidak ikut berubah. */
    body.wv2.not-home {
        color: var(--wv-ink);
        -webkit-font-smoothing: antialiased;
    }
}