/* MNZCC - Design Tokens (CSS Custom Properties) */

:root {
    /* Colors - MNZCC Brand Palette */
    --color-primary: #1A1A1A;
    --color-primary-dark: #000000;
    --color-primary-light: #2D2D2D;
    --color-gold: #B8956B;
    --color-gold-light: #D4C4A8;
    --color-gold-dark: #9A7B52;
    --color-fern: #4A4A4A;
    --color-cream: #F5F3EF;
    --color-cream-dark: #E8E4DC;
    --color-charcoal: #333333;
    --color-gray: #595959; /* Updated from #666666 for 6.1:1 contrast ratio */
    --color-gray-light: #999999;
    --color-white: #FFFFFF;

    /* Legacy aliases for compatibility */
    --color-teal: var(--color-primary);
    --color-teal-dark: var(--color-primary-dark);
    --color-teal-light: var(--color-primary-light);

    /* Typography */
    --font-display: 'Clash Display', sans-serif;
    --font-body: 'Satoshi', sans-serif;

    /* Spacing - Enhanced scale */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 3rem;
    --space-xl: 5rem;
    --space-xxl: 8rem;
    --space-card-gap: 1.5rem;

    /* Section spacing */
    --section-padding: var(--space-xl);
    --section-padding-lg: var(--space-xxl);

    /* Transitions - Smoother easing */
    --transition-fast: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-medium: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-slow: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* Shadows - Layered depth system */
    --shadow-sm: 0 2px 8px rgba(26, 26, 26, 0.06);
    --shadow-md: 0 8px 30px rgba(26, 26, 26, 0.10);
    --shadow-lg:
        0 4px 8px rgba(26, 26, 26, 0.04),
        0 8px 16px rgba(26, 26, 26, 0.04),
        0 16px 32px rgba(26, 26, 26, 0.06),
        0 32px 64px rgba(26, 26, 26, 0.06);
    --shadow-gold: 0 8px 30px rgba(184, 149, 107, 0.25);

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.9);
    --glass-border: rgba(255, 255, 255, 0.5);
    --glass-blur: 12px;

    /* Pattern opacity scale */
    --pattern-opacity-subtle: 0.03;
    --pattern-opacity-medium: 0.06;
}