/* ═══════════════════════════════════════════════════════════════════════════
   ivs-tokens — the site's design tokens + self-hosted editorial typefaces.
   ─────────────────────────────────────────────────────────────────────────
   Loaded on EVERY page (layouts/app.blade.php + app-blank.blade.php), first
   in the stylesheet order, so every later sheet can use var(--v5-*).

   This is the single place to change when the palette is finalised
   (rule-wajib/token-warna.md): edit a value here and the whole site follows.

   Fonts are self-hosted variable latin subsets in /fonts/editorial/ — no
   Google Fonts request (Fase 2, rule-wajib/arsitektur-komponen.md). Pages
   with their own @font-face or Google imports (tour-v5.css, modern-base.css,
   city-base.css) keep working unchanged; same families resolve to whichever
   face loads first.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Editorial typefaces (variable, latin subset) ── */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../../fonts/editorial/playfair-latin.woff2') format('woff2');
}
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('../../fonts/editorial/playfair-italic-latin.woff2') format('woff2');
}
@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../../fonts/editorial/lora-latin.woff2') format('woff2');
}
@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('../../fonts/editorial/lora-italic-latin.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('../../fonts/editorial/inter-latin.woff2') format('woff2');
}
/* Cormorant Garamond still renders on the homepage (transfer story, villa
   collection heads) and on destination/city pages; self-hosted so dropping
   the Google links changes nothing visually. */
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('../../fonts/editorial/cormorant-latin.woff2') format('woff2');
}
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 300 700;
    font-display: swap;
    src: url('../../fonts/editorial/cormorant-italic-latin.woff2') format('woff2');
}

/* ── Design tokens (mirror of homepage.css :root; this copy is global) ── */
:root {
    /* Surfaces */
    --v5-ivory: #faf9f6;
    --v5-parchment: #f2efe8;
    --v5-line: #e4e0d5;

    /* Text */
    --v5-ink: #201f1d;
    --v5-stone: #5b574d;
    --v5-mist: #8b877c;

    /* Olive accent scale */
    --v5-olive-300: #a9b58f;
    --v5-olive-500: #6b8051;
    --v5-olive-700: #4a5e2f;
    --v5-olive-900: #33421f;
    --v5-gold: #b9995b;
    /* Only ever a marker on dark ground: on white it measures 1.65. */
    --v5-amber: #fcb913;

    /* Type */
    --v5-font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --v5-font-label: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
    --v5-font-body: 'Lora', Georgia, serif;

    /* Motion (rule-wajib/animasi-motion.md — "3 momen", middle of the page
       stays still). The ease is the same curve as the official underline
       gesture, so every movement on the site feels like one hand. */
    --ivs-anim-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
    --ivs-anim-duration: 650ms;
    --ivs-anim-micro: 300ms;
    --ivs-anim-rise: 16px;
    --ivs-anim-stagger: 100ms;
}