/**
 * Design Tokens
 * Premium Dark Luxury Theme
 * Portable design system tokens
 */

:root {
    /* Brand Gold */
    --dw-gold-primary: #C79A3B;
    --dw-gold-premium: #D4AF37;
    --dw-gold-royal: #E6C35A;
    --dw-gold-dark: #A87C23;

    /* Surfaces */
    --dw-bg-primary: #0F1115;
    --dw-bg-alt: #171A20;
    --dw-bg-section: #1A1D23;
    --dw-bg-card: #232730;
    --dw-bg-card-hover: #2A3040;

    /* Text */
    --dw-text-primary: #F5F5F5;
    --dw-text-muted: rgba(245, 245, 245, 0.72);
    --dw-text-subtle: rgba(245, 245, 245, 0.5);

    /* Borders & Effects */
    --dw-border-gold: rgba(212, 175, 55, 0.25);
    --dw-border-gold-strong: rgba(212, 175, 55, 0.45);
    --dw-glow-gold: rgba(212, 175, 55, 0.20);
    --dw-glass: rgba(35, 39, 48, 0.75);

    /* Gradients */
    --dw-gradient-gold: linear-gradient(135deg, #A87C23, #D4AF37, #F3D778);
    --dw-gradient-gold-h: linear-gradient(90deg, #A87C23, #D4AF37, #F3D778);
    --dw-gradient-cta: linear-gradient(135deg, #B8860B, #D4AF37);

    /* Typography */
    --dw-font-display: 'Playfair Display', Georgia, serif;
    --dw-font-editorial: 'Cormorant Garamond', Georgia, serif;
    --dw-font-body: 'Inter', 'Open Sans', sans-serif;

    /* Spacing (8px grid) */
    --dw-space-xs: 8px;
    --dw-space-sm: 16px;
    --dw-space-md: 24px;
    --dw-space-lg: 32px;
    --dw-space-xl: 48px;
    --dw-space-2xl: 64px;
    --dw-space-3xl: 80px;

    /* Layout */
    --dw-container-max: 1200px;
    --dw-radius-sm: 6px;
    --dw-radius-md: 10px;
    --dw-radius-lg: 16px;

    /* Motion */
    --dw-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --dw-duration: 300ms;
    --dw-duration-slow: 500ms;

    /* Focus */
    --dw-focus-ring: 0 0 0 2px var(--dw-bg-primary), 0 0 0 4px var(--dw-gold-royal);
}