/* ============================================
   CSS VARIABLES & DESIGN TOKENS
   ============================================ */

:root {
    /* Colors */
    --color-gold: #c9a961;
    --color-gold-dark: #a68948;
    --color-gold-light: #d4af37;
    --color-danger: #ff6b6b;
    --color-success: #6bcf7f;
    --color-warning: #ffd93d;
    --color-info: #4ecdc4;
    --color-bg-dark: #2a2318;
    --color-bg-darker: #1a1410;
    --color-border: #5a4a38;
    
    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    
    /* Footer Buttons */
    --footer-btn-height: 32px;
    --footer-btn-font-size: 0.75em;
    --footer-btn-padding: 8px 12px;
}