/* ===========================================
   TRUBAČI STARS - CSS VARIABLES
   =========================================== */

:root {
    /* Primary Colors */
    --primary-gold: #D4A847;
    --primary-gold-light: #E6C876;
    --primary-gold-dark: #B8912F;
    --primary-gold-rgb: 212, 168, 71;
    
    /* Background Colors - Light */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f1f3f5;
    --bg-accent: #fef9e7;
    
    /* Text Colors - Dark */
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a5a;
    --text-muted: #6c757d;
    --text-light: #868e96;
    
    /* Border & Shadows */
    --border-color: #e9ecef;
    --border-light: #f1f3f5;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.1);
    --shadow-gold: 0 4px 20px rgba(212, 168, 71, 0.2);
    
    /* Gradients */
    --gradient-gold: linear-gradient(135deg, #D4A847, #E6C876);
    --gradient-section: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
    
    /* Typography */
    --font-display: 'Playfair Display', Georgia, serif;
    --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    
    /* Spacing */
    --section-padding: 100px;
    --container-max: 1200px;
    
    /* Transitions */
    --transition: all 0.3s ease;
    --transition-slow: all 0.5s ease;
}