/* ============================================================
   GRANDI VOCI — Design Tokens v2.0
   Ultra Premium Opera Trio Website
   ============================================================ */

:root {
    /* ── Gold Palette ── */
    --gold-primary:    #D4AF37;
    --gold-light:      #F8E2B2;
    --gold-dark:       #8C6F35;
    --gold-glow:       rgba(212, 175, 55, 0.4);
    --gold-subtle:     rgba(212, 175, 55, 0.08);
    --gold-gradient:   linear-gradient(135deg, #BF953F 0%, #FCF6BA 40%, #B38728 70%, #FBF5B7 100%);
    --gold-gradient-h: linear-gradient(90deg, #BF953F, #FCF6BA, #B38728);

    /* ── Neutrals ── */
    --bg-void:         #030303;
    --bg-deep:         #070707;
    --bg-dark:         #0A0A0A;
    --bg-card:         #111111;
    --bg-elevated:     #1A1A1A;
    --text-white:      #FAFAFA;
    --text-light:      #E0E0E0;
    --text-muted:      #8E8E93;
    --text-dim:        rgba(255, 255, 255, 0.4);

    /* ── Glassmorphism ── */
    --glass-bg:        rgba(10, 10, 10, 0.45);
    --glass-bg-hover:  rgba(20, 20, 20, 0.6);
    --glass-border:    rgba(255, 255, 255, 0.08);
    --glass-border-h:  rgba(212, 175, 55, 0.25);
    --glass-blur:      blur(30px) saturate(150%);

    /* ── Typography ── */
    --font-heading:    'Playfair Display', Georgia, serif;
    --font-body:       'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
    --fw-light:        300;
    --fw-regular:      400;
    --fw-semibold:     600;
    --fw-bold:         700;
    --fw-black:        900;

    /* ── Spacing (8px grid) ── */
    --sp-1:  8px;
    --sp-2:  16px;
    --sp-3:  24px;
    --sp-4:  32px;
    --sp-5:  40px;
    --sp-6:  48px;
    --sp-8:  64px;
    --sp-10: 80px;
    --sp-12: 96px;
    --sp-16: 128px;
    --sp-20: 160px;

    /* ── Border Radius ── */
    --radius-sm:  8px;
    --radius-md:  16px;
    --radius-lg:  24px;
    --radius-xl:  40px;
    --radius-full: 9999px;

    /* ── Transitions ── */
    --ease-out:    cubic-bezier(0.4, 0, 0.2, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --t-fast:      0.2s;
    --t-normal:    0.3s;
    --t-slow:      0.5s;
    --t-glacial:   1.2s;

    /* ── Shadows ── */
    --shadow-card:     0 20px 60px rgba(0, 0, 0, 0.6);
    --shadow-card-h:   0 30px 80px rgba(0, 0, 0, 0.8), 0 0 30px var(--gold-glow);
    --shadow-glow:     0 0 40px var(--gold-glow);
    --shadow-glow-lg:  0 0 80px var(--gold-glow);

    /* ── Layout ── */
    --max-width:   1440px;
    --nav-height:  90px;
}