/* ANY GLOBAL PROPERTIES APPLICABLE SITS IN HERE */

:root {
    --primary-gradient: linear-gradient(135deg, #0066ff 0%, #0033cc 100%);
    --secondary-gradient: linear-gradient(135deg, #ffd700 0%, #ffa500 100%);
    --gold-gradient: linear-gradient(135deg, #ffd700 0%, #daa520 100%);
    --blue-gradient: linear-gradient(135deg, #0066ff 0%, #0047ab 100%);
    --dark-bg: #0a192f; /* Navy blue background */
    --dark-light-grey: #dddddd;
    --card-bg: rgba(255, 255, 255, 0.98);
    --shadow: 0 25px 70px rgba(0, 102, 255, 0.15);
    --shadow-gold: 0 20px 50px rgba(255, 215, 0, 0.2);
    --stream-blue: #0066ff; /* Primary blue */
    --stream-light: #fff;
    --stream-blue-dark: #0047ab; /* Darker blue */
    --stream-blue-light: #3399ff; /* Lighter blue */
    --stream-gold: #ffd700; /* Primary gold */
    --stream-gold-dark: #daa520; /* Darker gold */
    --stream-gold-light: #ffed4e; /* Lighter gold */
    --accent-blue: #1e40af; /* Royal blue accent */
    --accent-gold: #fbbf24; /* Amber gold accent */
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --border-blue: rgba(0, 102, 255, 0.2);
    --border-gold: rgba(255, 215, 0, 0.3);
    --success-blue: #10b981;
    --warning-gold: #f59e0b;
    
    /* Glass morphism effects */
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-shadow: 0 8px 32px 0 rgba(0, 102, 255, 0.37);
    
    /* Animation colors */
    --pulse-blue: rgba(0, 102, 255, 0.4);
    --pulse-gold: rgba(255, 215, 0, 0.4);
    
}