/* ==========================================================================
   THE PAZ COLLECTION — DESIGN SYSTEM VARIABLES (MIAMI LUXURY)
   Based on Figma Design Tokens (Nodes 105:3859 & 45:4203)
   ========================================================================== */

:root {
    /* --- Chromatic Foundation --- */
    --bg-primary: #FBF8F3;          /* 60% Warm Ivory Foundation */
    --bg-surface: #FFFFFF;          /* Pure white card container */
    --bg-surface-warm: #F4EFEA;     /* Muted ivory surface */
    --bg-hero: #190A17;             /* 30% Deep Plum / Midnight Foundation */
    --surface-plum: #2D1A30;        /* Plum 700 / Brand primary container */
    --surface-plum-deep: #160B18;   /* Deepest plum for overlays */
    
    /* --- Brand Plum Palette --- */
    --plum-900: #190A17;
    --plum-800: #291225;
    --plum-700: #3A1C35;
    --plum-600: #432448;
    --plum-500: #693E62;
    --plum-400: #8C5983;
    --plum-300: #B283AB;
    --plum-200: #D8B7D3;
    --plum-100: #EBDDEC;
    --plum-50:  #F7F1F8;

    /* --- Champagne & Gold Accent (10%) --- */
    --color-accent: #D9AC51;        /* Champagne Primary */
    --gold-300: #EBC979;            /* Gold light */
    --gold-200: #F5DEA0;            /* Gold eyebrow / muted accent */
    --gold-500: #BC8733;            /* Gold border & active states */
    --gold-600: #9B6C24;            /* Gold dark */
    --champagne-light: #FBF4E4;     /* Soft gold tint */
    --champagne-border: rgba(217, 172, 81, 0.35);
    --champagne-glow: rgba(217, 172, 81, 0.2);

    /* --- Typography & Ink --- */
    --text-primary: #120E10;        /* Mineral Ink */
    --text-secondary: #685E57;      /* Warm taupe / secondary copy */
    --text-muted: #8E847D;          /* Muted metadata */
    --text-inverse: #FBF8F3;        /* Warm Ivory for dark surfaces */
    --text-inverse-muted: #D3C5D6;  /* Plum muted text */
    --text-gold: #EBC979;
    --neutral-100: #F3ECE3;
    --neutral-200: #E1D6C9;

    /* --- Borders & Dividers --- */
    --border-subtle: #E1D6C9;       /* Delicate card border */
    --border-light: #ECE5DC;
    --border-dark: rgba(255, 255, 255, 0.1);
    --border-plum: #3E2442;

    /* --- Typography Stack --- */
    --font-heading: 'Libre Franklin', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-serif: 'Playfair Display', "Didot", "Bodoni MT", "Georgia", serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: "SF Mono", Monaco, Consolas, "Liberation Mono", monospace;

    /* --- Radii & Elevations --- */
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 12px;
    --radius-full: 9999px;

    --shadow-sm: 0 2px 8px rgba(25, 10, 23, 0.04);
    --shadow-md: 0 8px 24px rgba(25, 10, 23, 0.08);
    --shadow-lg: 0 16px 40px rgba(25, 10, 23, 0.14);
    --shadow-plum: 0 20px 48px rgba(25, 10, 23, 0.35);

    /* --- Transitions & Timing --- */
    --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 200ms;
    --duration-normal: 350ms;
    --duration-slow: 600ms;

    /* --- Layout Dimensions --- */
    --container-max: 1440px;
    --container-pad: clamp(20px, 4vw, 72px);
    --header-height: 90px;
}