/* ── Warung Yoga design tokens (P6) ──
   Single source of truth for the visual language. Every value is EXTRACTED
   from the existing, owner-approved design — this file changes nothing, it
   names what already exists so new work can't drift off-brand.
   Loaded before all other stylesheets. */
:root {
    /* colors */
    --color-gold: #cbb494;            /* brand gold — CTAs, headings, accents  */
    --color-gold-muted: #a39075;      /* quiet gold — tickers, secondary text  */
    --color-gold-deep: #a98a58;       /* borders/strokes on gold surfaces      */
    --color-bg-dark: #0a0c0a;         /* page base behind the jungle           */
    --color-surface: #0e1d13;         /* raised dark-green panels (gallery bg) */
    --color-surface-deep: #0b170f;    /* deepest green (buttons text, cards)   */
    --color-text-main: #ffffff;
    --color-text-soft: rgba(255, 255, 255, 0.85);
    --color-text-muted: rgba(255, 255, 255, 0.72);

    /* typography */
    --font-serif: 'Cinzel', Georgia, serif;          /* display headings   */
    --font-sans: 'Jost', sans-serif;                 /* modern section UI  */
    --font-base: 'Josefin Sans', sans-serif;         /* body (legacy base) */
    --font-script: 'Monsieur La Doulaise', cursive;  /* decorative accents */

    /* spacing rhythm */
    --section-pad-y: clamp(56px, 9vw, 104px);  /* vertical air of every landing section */
    --section-pad-x: 20px;
    --stack-gap: clamp(28px, 4vw, 48px);       /* headline block -> content distance    */

    /* radii */
    --radius-card: 18px;
    --radius-panel: 13px;
    --radius-pill: 999px;

    /* elevation */
    --shadow-soft: 0 14px 30px rgba(0, 0, 0, 0.45);
    --shadow-deep: 0 26px 56px rgba(0, 0, 0, 0.55);

    /* motion */
    --ease-soft: cubic-bezier(0.16, 0.84, 0.44, 1);  /* reveals, image zooms */
    --dur-micro: 0.2s;
    --dur-reveal: 0.8s;
}