/*
 * Dapur Tara · Reserve — Design Tokens
 *
 * Single source of truth for colors, typography, spacing, motion.
 * Aligned with the brand of dapurtara.com (Aman-tier luxury reference).
 * Never inline these values in components — always reference via var(--token).
 */

:root {
    /* === COLOR · Forest & Fire palette === */

    /* Backgrounds — deep forest with subtle warmth */
    --color-bg-deepest: #0a0f0c;
    --color-bg-base: #0d1410;
    --color-bg-raised: #131c17;
    --color-bg-overlay: rgba(10, 15, 12, 0.72);

    /* Text — warm cream, never pure white. Contrast bumped May 2026:
       previous values blended into the dark background and were hard
       to read. New floors: secondary 0.85, muted 0.65, faint 0.42. */
    --color-text-primary: #e8e1d3;
    --color-text-secondary: rgba(232, 225, 211, 0.85);
    --color-text-muted: rgba(232, 225, 211, 0.65);
    --color-text-faint: rgba(232, 225, 211, 0.42);

    /* Accent — gold-beige, evokes wood fire */
    --color-accent: #d4c19a;
    --color-accent-soft: rgba(212, 193, 154, 0.7);
    --color-accent-faint: rgba(212, 193, 154, 0.18);

    /* Forest green — for restrained CTAs and secondary elements */
    --color-green-deep: #2F5233;
    --color-green-soft: rgba(47, 82, 51, 0.4);

    /* Borders — barely visible by design */
    --color-border-subtle: rgba(212, 193, 154, 0.15);
    --color-border-soft: rgba(212, 193, 154, 0.25);
    --color-border-strong: rgba(212, 193, 154, 0.4);

    /* States — never harsh */
    --color-error: #c87f6b;
    --color-error-bg: rgba(200, 127, 107, 0.08);

    /* Glow — fire-light effect for hero gradients */
    --color-glow-warm: rgba(141, 113, 71, 0.18);
    --color-glow-ember: rgba(184, 138, 88, 0.12);


    /* === TYPOGRAPHY === */

    --font-serif: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;

    /* Font sizes — generous scale, friendly to older eyes */
    --text-display: clamp(56px, 9vw, 104px);
    --text-h1: clamp(40px, 6vw, 72px);
    --text-h2: clamp(32px, 4vw, 48px);
    --text-h3: clamp(22px, 2.2vw, 28px);
    --text-body-lg: clamp(19px, 1.6vw, 22px);
    --text-body: 17px;
    --text-small: 14px;
    --text-eyebrow: 12px;

    /* Letter spacing — tighter for serif headings, generous for eyebrows */
    --tracking-display: -0.02em;
    --tracking-h: -0.01em;
    --tracking-body: 0;
    --tracking-eyebrow: 0.32em;
    --tracking-button: 0.18em;

    /* Line heights */
    --leading-display: 1.05;
    --leading-h: 1.15;
    --leading-body: 1.6;
    --leading-tight: 1.3;


    /* === SPACING === */

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --space-10: 128px;


    /* === RADII === */

    /* Luxury prefers minimal radii — sharper edges feel premium */
    --radius-none: 0;
    --radius-subtle: 2px;
    --radius-soft: 4px;
    --radius-card: 8px;


    /* === SHADOWS === */

    --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.32);
    --shadow-raised: 0 12px 40px rgba(0, 0, 0, 0.45);
    --shadow-glow-warm: 0 0 80px var(--color-glow-warm);


    /* === MOTION === */

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --duration-fast: 200ms;
    --duration-base: 320ms;
    --duration-slow: 600ms;


    /* === LAYOUT === */

    --container-max: 1280px;
    --container-narrow: 720px;
    --container-text: 580px;
    --header-height: 72px;
    --footer-height: auto;
}