/* New Vision Brand Colors - Global Variables */
:root {
    /* Primary Brand Colors */
    --brand-primary: #0d2d68;     /* Deep Navy Blue - Primary brand color */
    --brand-success: #11a976;     /* Success Green - For positive actions */
    --brand-info: #2473be;        /* Info Blue - For informational content */
    --brand-accent: #00e5fa;      /* Cyan Accent - For highlights and CTAs */
    --brand-dark: #0a0a0c;        /* Almost Black - For text and dark elements */
    
    /* Color Usage Mapping */
    --primary-color: var(--brand-primary);
    --secondary-color: var(--brand-success);
    --accent-color: var(--brand-accent);
    --info-color: var(--brand-info);
    --dark-color: var(--brand-dark);
    
    /* Text Colors */
    --text-primary: var(--brand-dark);
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --text-light: #ffffff;
    --text-on-primary: #ffffff;
    --text-on-secondary: #ffffff;
    --text-on-accent: var(--brand-dark);
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f7fafc;
    --bg-dark: var(--brand-dark);
    --bg-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-info) 100%);
    --bg-gradient-accent: linear-gradient(135deg, var(--brand-success) 0%, var(--brand-accent) 100%);
    
    /* Button Colors */
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-hover: #0a2454;
    --btn-primary-text: var(--text-light);
    
    --btn-secondary-bg: var(--brand-success);
    --btn-secondary-hover: #0e8a5f;
    --btn-secondary-text: var(--text-light);
    
    --btn-accent-bg: var(--brand-accent);
    --btn-accent-hover: #00c4d7;
    --btn-accent-text: var(--brand-dark);
    
    /* Border and Shadow Colors */
    --border-light: #e2e8f0;
    --border-medium: #cbd5e0;
    --border-primary: var(--brand-primary);
    --shadow-light: rgba(13, 45, 104, 0.1);
    --shadow-medium: rgba(13, 45, 104, 0.2);
    --shadow-heavy: rgba(13, 45, 104, 0.3);
    
    /* Status Colors */
    --success: var(--brand-success);
    --warning: #f6ad55;
    --error: #f56565;
    --info: var(--brand-info);
    
    /* Card and Component Colors */
    --card-bg: var(--bg-primary);
    --card-border: var(--border-light);
    --card-shadow: var(--shadow-light);
    --card-hover-shadow: var(--shadow-medium);
    
    /* Header/Navigation Colors */
    --header-bg: var(--bg-primary);
    --nav-link-color: var(--text-primary);
    --nav-link-hover: var(--brand-primary);
    --nav-link-active: var(--brand-primary);
    
    /* Footer Colors */
    --footer-bg: var(--brand-dark);
    --footer-text: var(--text-light);
    --footer-link: var(--brand-accent);
    --footer-link-hover: #ffffff;
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
    :root {
        --bg-primary: #1a202c;
        --bg-secondary: #2d3748;
        --text-primary: #f7fafc;
        --text-secondary: #e2e8f0;
        --card-bg: #2d3748;
        --border-light: #4a5568;
    }
}

/* Utility Classes for Brand Colors */
.text-primary { color: var(--brand-primary) !important; }
.text-secondary { color: var(--brand-success) !important; }
.text-accent { color: var(--brand-accent) !important; }
.text-info { color: var(--brand-info) !important; }
.text-dark { color: var(--brand-dark) !important; }

.bg-primary { background-color: var(--brand-primary) !important; }
.bg-secondary { background-color: var(--brand-success) !important; }
.bg-accent { background-color: var(--brand-accent) !important; }
.bg-info { background-color: var(--brand-info) !important; }
.bg-dark { background-color: var(--brand-dark) !important; }

.border-primary { border-color: var(--brand-primary) !important; }
.border-secondary { border-color: var(--brand-success) !important; }
.border-accent { border-color: var(--brand-accent) !important; }