/* ===============================================
   STONEY CREEK SABRES - COLOR SCHEME
   Hockey Team Colors & Variables
   =============================================== */

/* PRIMARY TEAM COLORS */
:root {
    /* Official Stoney Creek Sabres Colors */
    --team-primary: #FFB61F;        /* Gold - Primary jersey color */
    --team-secondary: #1A5732;      /* Dark Green - Secondary jersey color */
    --team-accent: #FFFFFF;         /* White - Accent color for highlights */
    --team-gold: #FFB61F;           /* Gold - For achievements/trophies */
    
    /* AA Compliant Colors for Better Accessibility */
    --aa-light-green: var(--team-secondary); /* Use team dark green instead of light green */
    --aa-light-red: #F87171;        /* Light red for AA contrast (4.7:1 on dark) */
    --aa-light-gray: #D1D5DB;       /* Light gray for AA contrast (7.3:1 on dark) */
    
    /* Dark Theme Colors */
    --white: #ffffff;
    --light-gray: #2a2a2a;          /* Dark background for sections */
    --medium-gray: #404040;         /* Medium dark for cards */
    --dark-gray: #1a1a1a;           /* Very dark for main backgrounds */
    --black: #000000;
    
    /* Status Colors - Team Colors Only */
    --success: var(--team-secondary); /* Team dark green for wins */
    --warning: var(--team-primary);   /* Team gold for warnings */
    --info: var(--team-secondary);    /* Team dark green for info */
    --danger: #EF4444;              /* Red for losses/alerts - no team equivalent */
    
    /* Background Colors - Dark Theme */
    --bg-primary: var(--team-primary);
    --bg-secondary: var(--light-gray);
    --bg-dark: var(--dark-gray);
    --bg-light: var(--medium-gray);
    
    /* Text Colors - AA Compliant Dark Theme */
    --text-primary: var(--white);       /* White text for primary content */
    --text-secondary: var(--aa-light-green); /* Light green for secondary text - AA compliant */
    --text-light: var(--white);         /* White text for light backgrounds */
    --text-muted: var(--aa-light-gray); /* Light gray for muted text - AA compliant */
    
    /* Border Colors - Dark Theme */
    --border-light: #404040;
    --border-dark: var(--team-secondary);
    
    /* Hover States */
    --hover-primary: #e6a71a;       /* Darker gold on hover */
    --hover-secondary: #0f3d28;     /* Darker green on hover */
    
    /* Button Text Colors for Maximum Contrast */
    --btn-primary-text: var(--black);   /* Black text on gold buttons */
    --btn-secondary-text: var(--white); /* White text on dark green buttons */
    --btn-light-text: var(--black);     /* Black text on light buttons */
    --btn-dark-text: var(--white);      /* White text on dark buttons */
}

/* TEAM SPECIFIC COLOR CLASSES */
.team-primary { color: var(--team-primary) !important; }
.team-secondary { color: var(--team-secondary) !important; }
.team-accent { color: var(--team-accent) !important; }
.team-gold { color: var(--team-gold) !important; }

.bg-team-primary { background-color: var(--team-primary) !important; }
.bg-team-secondary { background-color: var(--team-secondary) !important; }
.bg-team-accent { background-color: var(--team-accent) !important; }
.bg-team-gold { background-color: var(--team-gold) !important; }

/* AA COMPLIANT COLOR CLASSES - Team Colors Only */
.text-aa-green { color: var(--aa-light-green) !important; }
.text-aa-red { color: var(--aa-light-red) !important; }
.text-aa-gray { color: var(--aa-light-gray) !important; }

/* BUTTON COLOR OVERRIDES - Enhanced for Team Colors */
.btn-team-primary {
    background-color: var(--team-primary);
    border-color: var(--team-primary);
    color: var(--btn-primary-text);
    font-weight: 600;
}

.btn-team-primary:hover {
    background-color: var(--hover-primary);
    border-color: var(--hover-primary);
    color: var(--btn-primary-text);
}

.btn-team-secondary {
    background-color: var(--team-secondary);
    border-color: var(--team-secondary);
    color: var(--btn-secondary-text);
    font-weight: 600;
}

.btn-team-secondary:hover {
    background-color: var(--hover-secondary);
    border-color: var(--hover-secondary);
    color: var(--btn-secondary-text);
}

/* Outline Button Variants */
.btn-outline-team-primary {
    background-color: transparent;
    border-color: var(--team-primary);
    color: var(--team-primary);
    font-weight: 600;
}

.btn-outline-team-primary:hover {
    background-color: var(--team-primary);
    border-color: var(--team-primary);
    color: var(--btn-primary-text);
}

.btn-outline-team-secondary {
    background-color: transparent;
    border-color: var(--team-primary);
    color: var(--team-primary);
    font-weight: 600;
}

.btn-outline-team-secondary:hover {
    background-color: var(--team-primary);
    border-color: var(--team-primary);
    color: var(--black);
}

/* UTILITY CLASSES */
.text-team-primary { color: var(--team-primary) !important; }
.text-team-secondary { color: var(--team-secondary) !important; }
.text-team-accent { color: var(--team-accent) !important; }
.text-team-gold { color: var(--team-gold) !important; }

/* NAVBAR CUSTOMIZATION - Enhanced Contrast */
.navbar-brand {
    color: var(--team-primary) !important; /* Use team gold for better contrast */
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important; /* Add shadow for better readability */
}

.navbar-brand:hover {
    color: var(--hover-primary) !important;
}

/* Navigation Links - Improved Contrast */
.navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF !important; /* Bright white for maximum contrast */
    font-weight: 500 !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--team-primary) !important; /* Gold on hover */
}

.navbar-dark .navbar-nav .nav-link.active {
    color: var(--team-primary) !important; /* Gold for active state */
    font-weight: 600 !important;
}

/* Instagram icon in navbar */
.navbar-dark .navbar-nav .nav-link i.fab {
    color: #FFFFFF !important;
}

.navbar-dark .navbar-nav .nav-link:hover i.fab {
    color: var(--team-primary) !important;
}

/* CARD ACCENT COLORS */
.card-primary { border-left: 4px solid var(--team-primary); }
.card-secondary { border-left: 4px solid var(--team-secondary); }
.card-accent { border-left: 4px solid var(--team-accent); }
.card-gold { border-left: 4px solid var(--team-gold); }

/* AA ACCESSIBILITY HELPER CLASSES */
.high-contrast {
    color: var(--white) !important;
    background-color: var(--black) !important;
}

.aa-compliant-green {
    color: var(--team-primary) !important;
}

.aa-compliant-text {
    color: var(--aa-light-gray) !important;
}

/* Icon color overrides for better contrast */
.fas.text-secondary,
.far.text-secondary,
.fab.text-secondary {
    color: var(--team-primary) !important;
}

/* Form control focus states with team colors */
.form-control:focus {
    border-color: var(--team-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 182, 31, 0.25) !important;
}