@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
    /* Color Tokens - Ultra Luxury & Apple Inspired */
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f8f9fa;
    --color-bg-tertiary: #f5f5f7; /* Apple warm light gray */
    
    --color-text-primary: #0f0f0f; /* Obsidian Black */
    --color-text-secondary: #515154; /* Muted gray for body copy */
    --color-text-tertiary: #86868b; /* Apple muted gray */
    --color-text-light: #ffffff;
    
    /* Emerald Accents */
    --color-emerald: #0c4a34; /* Rich luxury emerald green */
    --color-emerald-light: #116a4b;
    --color-emerald-trans: rgba(12, 74, 52, 0.08);
    --color-emerald-deep: #05261a;
    
    /* Metallic Gold Accents */
    --color-gold: #b89047; /* Elegant metallic gold */
    --color-gold-light: #c5a880;
    --color-gold-dark: #8e6d30;
    --color-gold-trans: rgba(184, 144, 71, 0.1);
    --color-gold-sand: #c5a880; /* ONEX Properties sand color */
    --color-gold-sand-hover: #b8976b; /* ONEX Properties hover */
    
    /* Functional Colors */
    --color-border: rgba(15, 15, 15, 0.08);
    --color-border-light: rgba(255, 255, 255, 0.15);
    --color-success: #2e7d32;
    --color-error: #c62828;
    
    /* Glassmorphism settings */
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.4);
    --glass-shadow: 0 8px 32px 0 rgba(15, 15, 15, 0.05);
    --glass-blur: 20px;
    
    /* Typography Tokens */
    --font-heading: 'Cinzel', serif;
    --font-serif-sub: 'Playfair Display', serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;
    
    /* Spacing System (Apple spacing scale) */
    --space-xs: 0.5rem;   /* 8px */
    --space-sm: 1rem;     /* 16px */
    --space-md: 1.5rem;   /* 24px */
    --space-lg: 2.5rem;   /* 40px */
    --space-xl: 4rem;     /* 64px */
    --space-xxl: 6.5rem;  /* 104px */
    
    /* Layout Sizes */
    --max-width: 1440px;
    --nav-height: 80px;
    --nav-height-scrolled: 70px;
    
    /* BorderRadius */
    --radius-sm: 4px;
    --radius-md: 12px;     /* Modern pill and card rounded corner */
    --radius-lg: 24px;     /* Apple-style container rounded corner */
    --radius-full: 9999px;
    
    /* Animation Easing & Timing (Smooth Apple Transitions) */
    --transition-fast: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    --transition-smooth: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: 1s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Elevation Shadows */
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.02);
    --shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.04);
    --shadow-luxury: 0 20px 50px rgba(12, 74, 52, 0.06);
    --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.02);
}