/* ========================================
   INK TULUM — DESIGN TOKENS v3.0.0
   ======================================== */

:root {
    /* Primary palette — from jaguar logo */
    --tk-black: #0a0a0a;
    --tk-dark: #121212;
    --tk-dark-alt: #1a1a1a;
    --tk-red: #d81848;
    --tk-red-hover: #e82050;
    --tk-red-glow: rgba(216, 24, 72, 0.35);
    --tk-gold: #e8a828;
    --tk-gold-glow: rgba(232, 168, 40, 0.3);
    --tk-beige: #f0ece6;
    --tk-white: #ffffff;
    --tk-gray: #8a8a7a;
    --tk-gray-dark: #4a4a42;
    --tk-gray-mid: #2d2d2d;

    /* Semantic tokens */
    --bg-primary: var(--tk-black);
    --bg-secondary: var(--tk-dark);
    --bg-accent: var(--tk-red);
    --text-primary: var(--tk-beige);
    --text-secondary: var(--tk-gray);
    --text-accent: var(--tk-gold);
    --border-subtle: rgba(229, 220, 207, 0.08);

    /* Typography */
    --font-serif: 'Cormorant Garamond', 'Georgia', serif;
    --font-sans: 'Inter', 'Helvetica Neue', sans-serif;

    --font-size-hero: clamp(3.5rem, 8vw, 7rem);
    --font-size-h1: clamp(2.5rem, 5vw, 4.5rem);
    --font-size-h2: clamp(1.8rem, 3.5vw, 3rem);
    --font-size-h3: clamp(1.2rem, 2vw, 1.8rem);
    --font-size-body: clamp(0.95rem, 1.2vw, 1.1rem);
    --font-size-small: clamp(0.8rem, 0.9vw, 0.9rem);
    --font-size-label: 0.7rem;

    /* Spacing */
    --section-padding: clamp(5rem, 10vw, 9rem);
    --container-max: 1440px;
    --grid-gap: clamp(1rem, 2vw, 2rem);
    --header-height: 80px;

    /* Animation */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --transition-base: 350ms var(--ease-out-expo);
    --transition-slow: 600ms var(--ease-out-expo);

    /* Grain */
    --grain-opacity: 0.035;
}

/* Animatable custom properties */
@property --gradient-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@property --reveal-progress {
    syntax: '<number>';
    initial-value: 0;
    inherits: false;
}

@property --glow-intensity {
    syntax: '<number>';
    initial-value: 0;
    inherits: false;
}