/**
 * Global Theme Color System
 * All colors should use these CSS variables for consistency
 */

:root {
    /* Primary Colors */
    --primary-color: #07233A;
    --primary-dark: #051a29;
    --primary-light: #0d3b66;
    
    /* Secondary Color (Red Accent) */
    --secondary-color: #D1232A;
    --secondary-dark: #b01f24;
    --secondary-light: #e63946;
    
    /* Accent Colors */
    --accent-color: #D1232A;
    --accent-hover: #b01f24;
    
    /* Text Colors */
    --text-dark: #1a1a1a;
    --text-light: #6c757d;
    --text-muted: #999999;
    
    /* Background Colors */
    --bg-light: #f8f9fa;
    --bg-white: #ffffff;
    --bg-dark: #0a0a0a;
    --bg-card: #1a1a1a;
    
    /* Border Colors */
    --border-color: #e2e8f0;
    --border-light: #f0f0f0;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 35px rgba(0, 0, 0, 0.18);
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark));
    --gradient-accent: linear-gradient(90deg, #870d0f, var(--secondary-color) 35%, var(--secondary-color) 65%, #870d0f);
    
    /* Hover Effects */
    --hover-bg: rgba(209, 35, 42, 0.1);
    --hover-color: var(--secondary-color);
    
    /* Font Family */
    --primary-font: "Manrope", serif;
}

/* Utility Classes */
.primary-color {
    color: var(--primary-color) !important;
}

.secondary-color {
    color: var(--secondary-color) !important;
}

.accent-color {
    color: var(--accent-color) !important;
}

.bg-primary-color {
    background-color: var(--primary-color) !important;
}

.bg-secondary-color {
    background-color: var(--secondary-color) !important;
}

.bg-accent-color {
    background-color: var(--accent-color) !important;
}

/* Hover Utilities */
.hover-secondary:hover {
    color: var(--secondary-color) !important;
}

.hover-bg-secondary:hover {
    background-color: var(--hover-bg) !important;
}