/**
 * MAURIZIO CRESPI — LUXURY EDITORIAL DESIGN TOKENS
 * Avant-Garde Boutique Photography Identity
 */

:root {
    /* Color Palette — Obsidian Darkroom & Archival Paper */
    --color-bg-base: #08080a;
    --color-bg-surface: #0f0f14;
    --color-bg-card: rgba(18, 18, 24, 0.75);
    --color-bg-card-hover: rgba(28, 28, 38, 0.9);
    --color-bg-elevated: rgba(22, 22, 30, 0.92);
    --color-glass: rgba(10, 10, 14, 0.78);

    --color-text-primary: #f6f5f0;   /* Archival Warm Bone */
    --color-text-secondary: #9c9ca8; /* Platinum Ash */
    --color-text-muted: #646470;     /* Darkroom Halide */
    --color-text-inverse: #08080a;

    --color-gold: #d4af37;           /* Champagne Gold */
    --color-gold-hover: #e5c358;
    --color-gold-dim: rgba(212, 175, 55, 0.15);
    --color-gold-glow: rgba(212, 175, 55, 0.28);
    --color-crimson: #9e2a2b;        /* Editorial Wax Seal */
    
    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-hover: rgba(212, 175, 55, 0.35);
    --color-border-focus: rgba(212, 175, 55, 0.6);

    /* Typography Families */
    --font-serif: 'Cormorant Garamond', 'Playfair Display', Didot, 'Bodoni MT', Georgia, serif;
    --font-sans: 'Syne', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'Space Mono', 'SF Mono', Menlo, Consolas, monospace;

    /* Typographic Fluid Scale */
    --text-xs: clamp(0.7rem, 0.75vw, 0.8rem);
    --text-sm: clamp(0.8rem, 0.9vw, 0.92rem);
    --text-base: clamp(0.95rem, 1.05vw, 1.08rem);
    --text-lg: clamp(1.15rem, 1.35vw, 1.35rem);
    --text-xl: clamp(1.4rem, 1.8vw, 1.85rem);
    --text-2xl: clamp(1.8rem, 2.5vw, 2.5rem);
    --text-3xl: clamp(2.4rem, 3.8vw, 3.8rem);
    --text-4xl: clamp(3.2rem, 5.5vw, 5.5rem);
    --text-display: clamp(4.2rem, 8.5vw, 9.5rem);

    /* Spacing Scale */
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.5rem;
    --space-2xl: 5.5rem;
    --space-3xl: 8rem;

    /* Layout Geometry */
    --max-width-content: 1440px;
    --max-width-narrow: 1040px;
    --max-width-editorial: 780px;
    --gutter: clamp(1.25rem, 4vw, 3.5rem);
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --border-radius-pill: 9999px;

    /* Elevation & Blur Shadows */
    --blur-glass: blur(20px);
    --blur-backdrop: blur(28px);
    --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.4);
    --shadow-card: 0 10px 40px -10px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 35px var(--color-gold-glow);
    --shadow-lightbox: 0 25px 70px -15px rgba(0, 0, 0, 0.95);

    /* Animation Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: 0.65s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-cinematic: 0.9s cubic-bezier(0.25, 1, 0.2, 1);

    /* Z-Index Hierarchy */
    --z-base: 1;
    --z-card: 10;
    --z-sticky-nav: 100;
    --z-modal: 500;
    --z-lightbox: 1000;
    --z-cursor: 9000;
    --z-grain: 9999;
}