:root {
    /* ═══ COLOR PALETTE ═══════════════════════════════ */

    /* Primary — Deep Forest (brand anchor) */
    --c-forest:         #1a3c2d;
    --c-forest-dark:    #0f2119;
    --c-forest-light:   #2a5c45;

    /* Accent — Warm Gold (luxury feel) */
    --c-gold:           #c8a96e;
    --c-gold-light:     #d9c08a;
    --c-gold-dark:      #a88a4e;

    /* Neutrals */
    --c-night:          #111a15;
    --c-charcoal:       #2d3830;
    --c-slate:          #5e6e62;
    --c-stone:          #8a9a8e;
    --c-sand:           #d4cfc5;
    --c-cream:          #f7f5f0;
    --c-ivory:          #fdfcf8;
    --c-mist:           #eae8e2;

    /* Status */
    --c-success:        #34a878;
    --c-warning:        #e5a63e;
    --c-rose:           #dc4c4c;

    /* ═══ TYPOGRAPHY ═════════════════════════════════ */
    --ff-display:       'Playfair Display', Georgia, 'Times New Roman', serif;
    --ff-body:          'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --fs-xs:            0.75rem;     /* 12px */
    --fs-sm:            0.875rem;    /* 14px */
    --fs-base:          1rem;        /* 16px */
    --fs-md:            1.125rem;    /* 18px */
    --fs-lg:            1.25rem;     /* 20px */
    --fs-xl:            1.5rem;      /* 24px */
    --fs-2xl:           1.875rem;    /* 30px */
    --fs-3xl:           2.25rem;     /* 36px */
    --fs-4xl:           3rem;        /* 48px */
    --fs-5xl:           3.75rem;     /* 60px */
    --fs-6xl:           4.5rem;      /* 72px */

    --fw-normal:        400;
    --fw-medium:        500;
    --fw-semibold:      600;
    --fw-bold:          700;

    --lh-tight:         1.15;
    --lh-snug:          1.3;
    --lh-normal:        1.5;
    --lh-relaxed:       1.7;

    --ls-tight:         -0.025em;
    --ls-normal:        0;
    --ls-wide:          0.025em;
    --ls-wider:         0.06em;

    /* ═══ SPACING ════════════════════════════════════ */
    --sp-1:  0.25rem;
    --sp-2:  0.5rem;
    --sp-3:  0.75rem;
    --sp-4:  1rem;
    --sp-5:  1.25rem;
    --sp-6:  1.5rem;
    --sp-8:  2rem;
    --sp-10: 2.5rem;
    --sp-12: 3rem;
    --sp-14: 3.5rem;
    --sp-16: 4rem;
    --sp-20: 5rem;
    --sp-24: 6rem;
    --sp-32: 8rem;
    --section-py: clamp(3rem, 8vw, 6rem);
    --card-gap:   clamp(1rem, 2.5vw, 1.5rem);

    /* ═══ RADIUS ═════════════════════════════════════ */
    --radius-sm:    6px;
    --radius-md:    10px;
    --radius-lg:    16px;
    --radius-xl:    24px;
    --radius-full:  100px;

    /* ═══ SHADOWS ════════════════════════════════════ */
    --shadow-sm:         0 1px 3px rgba(15,33,25,.06);
    --shadow-md:         0 4px 16px rgba(15,33,25,.08);
    --shadow-lg:         0 12px 40px rgba(15,33,25,.12);
    --shadow-xl:         0 20px 60px rgba(15,33,25,.16);
    --shadow-card:       0 2px 12px rgba(15,33,25,.06), 0 0 0 1px rgba(15,33,25,.03);
    --shadow-card-hover: 0 16px 48px rgba(15,33,25,.14), 0 0 0 1px rgba(200,169,110,.12);

    /* ═══ BORDERS ════════════════════════════════════ */
    --border:          1px solid var(--c-sand);
    --border-light:    1px solid var(--c-mist);

    /* ═══ EASING & TIMING ════════════════════════════ */
    --ease-out:         cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out:      cubic-bezier(0.65, 0, 0.35, 1);
    --ease-spring:      cubic-bezier(0.34, 1.56, 0.64, 1);

    --t-fast:           0.15s;
    --t-base:           0.3s;
    --t-slow:           0.5s;
    --t-slower:         0.8s;

    /* ═══ Z-INDEX ════════════════════════════════════ */
    --z-dropdown:  100;
    --z-sticky:    200;
    --z-overlay:   300;
    --z-modal:     400;
    --z-toast:     500;

    /* ═══ CONTAINER ══════════════════════════════════ */
    --container-max: 1280px;
    --container-px:  clamp(1rem, 4vw, 2rem);
}