/* ==========================================================================
   MENZIO LUXURY DESIGN SYSTEM VARIABLES
   ========================================================================== */

:root {
    /* Brand Color Palette */
    --color-obsidian: #0A0C10;
    --color-ebony: #12151D;
    --color-charcoal: #1C202B;
    --color-slate: #2B3140;
    --color-gold: #C5A47E;
    --color-gold-light: #DFCAAC;
    --color-gold-dark: #A38054;
    --color-gold-glow: rgba(197, 164, 126, 0.25);
    
    --color-pearl: #FAF8F5;
    --color-ivory: #F3EFEA;
    --color-cream: #EDE6DC;
    --color-muted: #8E95A5;
    --color-border: rgba(197, 164, 126, 0.2);
    --color-border-subtle: rgba(255, 255, 255, 0.08);
    
    --color-success: #22C55E;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
    --color-info: #3B82F6;

    /* Typography */
    --font-serif: 'Playfair Display', Georgia, serif;
    --font-heading: 'Playfair Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, serif;
    --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Glassmorphism & Elevation */
    --glass-bg: rgba(18, 21, 29, 0.75);
    --glass-border: 1px solid rgba(197, 164, 126, 0.2);
    --glass-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    --gold-gradient: linear-gradient(135deg, #DFCAAC 0%, #C5A47E 50%, #A38054 100%);
    --dark-gradient: linear-gradient(180deg, #12151D 0%, #0A0C10 100%);
    --card-gradient: linear-gradient(145deg, rgba(28, 32, 43, 0.8) 0%, rgba(18, 21, 29, 0.95) 100%);

    /* Transitions & Radii */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-full: 9999px;
}