/* NRF Brand Colors - Official Brand Manual */

:root {
    /* Primary Brand Colors */
    --nrf-green: #40B349;        /* RGB 64,179,73 - PRIMARY */
    --nrf-black: #1C355E;        /* RGB 28,53,94 */
    --nrf-yellow: #E4E21C;       /* RGB 228,226,28 */
    --nrf-red: #E8262A;          /* RGB 232,38,42 */
    
    /* Green Tints (Primary Color Variations) */
    --nrf-green-80: rgba(64, 179, 73, 0.8);
    --nrf-green-60: rgba(64, 179, 73, 0.6);
    --nrf-green-40: rgba(64, 179, 73, 0.4);
    --nrf-green-20: rgba(64, 179, 73, 0.2);
    
    /* Black Tints */
    --nrf-black-80: rgba(28, 53, 94, 0.8);
    --nrf-black-60: rgba(28, 53, 94, 0.6);
    --nrf-black-40: rgba(28, 53, 94, 0.4);
    --nrf-black-20: rgba(28, 53, 94, 0.2);
    
    /* Yellow Tints */
    --nrf-yellow-80: rgba(228, 226, 28, 0.8);
    --nrf-yellow-60: rgba(228, 226, 28, 0.6);
    --nrf-yellow-40: rgba(228, 226, 28, 0.4);
    --nrf-yellow-20: rgba(228, 226, 28, 0.2);
    
    /* Red Tints */
    --nrf-red-80: rgba(232, 38, 42, 0.8);
    --nrf-red-60: rgba(232, 38, 42, 0.6);
    --nrf-red-40: rgba(232, 38, 42, 0.4);
    --nrf-red-20: rgba(232, 38, 42, 0.2);
    
    /* Gradients */
    --nrf-gradient-primary: linear-gradient(135deg, var(--nrf-green) 0%, var(--nrf-black) 100%);
    --nrf-gradient-accent: linear-gradient(135deg, var(--nrf-yellow) 0%, var(--nrf-green) 100%);
}

/* Apply Brand Colors to Elements */

/* Primary Buttons - Green */
.btn-primary {
    background-color: var(--nrf-green) !important;
    border-color: var(--nrf-green) !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: var(--nrf-green-80) !important;
    border-color: var(--nrf-green-80) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(64, 179, 73, 0.3);
}

/* Secondary Buttons - Black */
.btn-secondary {
    background-color: var(--nrf-black) !important;
    border-color: var(--nrf-black) !important;
    color: white !important;
}

.btn-secondary:hover {
    background-color: var(--nrf-black-80) !important;
    border-color: var(--nrf-black-80) !important;
}

/* Outline Buttons */
.btn-outline-primary {
    border-color: var(--nrf-green) !important;
    color: var(--nrf-green) !important;
}

.btn-outline-primary:hover {
    background-color: var(--nrf-green) !important;
    border-color: var(--nrf-green) !important;
    color: white !important;
}

/* Navbar - Transparent to Green */
.navbar-transparent {
    background: transparent !important;
}

.navbar-scrolled {
    background: white !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar-scrolled .nav-link {
    color: var(--nrf-black) !important;
}

.navbar-scrolled .nav-link:hover {
    color: var(--nrf-green) !important;
}

/* Hero Sections - Brand Gradient */
.bg-gradient-primary,
.section-shaped.bg-gradient-primary {
    background: var(--nrf-gradient-primary) !important;
}

/* Cards with Brand Accents */
.card-header.bg-gradient-primary {
    background: var(--nrf-green) !important;
}

.card-header.bg-gradient-success {
    background: var(--nrf-green) !important;
}

.card-header.bg-gradient-info {
    background: var(--nrf-black) !important;
}

.card-header.bg-gradient-warning {
    background: var(--nrf-yellow) !important;
    color: var(--nrf-black) !important;
}

.card-header.bg-gradient-danger {
    background: var(--nrf-red) !important;
}

.card-header.bg-gradient-default {
    background: var(--nrf-black) !important;
}

/* Badges - Brand Colors */
.badge-primary {
    background-color: var(--nrf-green) !important;
}

.badge-success {
    background-color: var(--nrf-green) !important;
}

.badge-warning {
    background-color: var(--nrf-yellow) !important;
    color: var(--nrf-black) !important;
}

.badge-danger {
    background-color: var(--nrf-red) !important;
}

/* Links */
a {
    color: var(--nrf-green);
}

a:hover {
    color: var(--nrf-green-80);
}

/* Icons with Brand Colors */
.icon-shape-primary {
    background: var(--nrf-green-20) !important;
    color: var(--nrf-green) !important;
}

.icon-shape-success {
    background: var(--nrf-green-20) !important;
    color: var(--nrf-green) !important;
}

.icon-shape-warning {
    background: var(--nrf-yellow-20) !important;
    color: var(--nrf-black) !important;
}

.icon-shape-danger {
    background: var(--nrf-red-20) !important;
    color: var(--nrf-red) !important;
}

.icon-shape-info {
    background: var(--nrf-black-20) !important;
    color: var(--nrf-black) !important;
}

/* Text Colors */
.text-primary {
    color: var(--nrf-green) !important;
}

.text-success {
    color: var(--nrf-green) !important;
}

.text-warning {
    color: var(--nrf-yellow) !important;
}

.text-danger {
    color: var(--nrf-red) !important;
}

/* Background Colors */
.bg-primary {
    background-color: var(--nrf-green) !important;
}

.bg-success {
    background-color: var(--nrf-green) !important;
}

.bg-warning {
    background-color: var(--nrf-yellow) !important;
}

.bg-danger {
    background-color: var(--nrf-red) !important;
}

/* Form Focus States */
.form-control:focus {
    border-color: var(--nrf-green) !important;
    box-shadow: 0 0 0 0.2rem var(--nrf-green-20) !important;
}

/* Progress Bars */
.progress-bar {
    background-color: var(--nrf-green) !important;
}

/* Alerts */
.alert-success {
    background-color: var(--nrf-green-20) !important;
    border-color: var(--nrf-green) !important;
    color: var(--nrf-black) !important;
}

.alert-warning {
    background-color: var(--nrf-yellow-20) !important;
    border-color: var(--nrf-yellow) !important;
    color: var(--nrf-black) !important;
}

.alert-danger {
    background-color: var(--nrf-red-20) !important;
    border-color: var(--nrf-red) !important;
    color: var(--nrf-black) !important;
}

/* Footer - Dark with Brand Accent */
.footer.bg-gradient-dark {
    background: var(--nrf-black) !important;
}

/* Hover Effects */
.card-lift--hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(64, 179, 73, 0.2) !important;
}

/* Section Shapes */
.shape-primary span {
    background: var(--nrf-green);
}

/* Custom Brand Classes */
.bg-nrf-green {
    background-color: var(--nrf-green) !important;
}

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

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

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

.text-nrf-green {
    color: var(--nrf-green) !important;
}

.text-nrf-black {
    color: var(--nrf-black) !important;
}

.text-nrf-yellow {
    color: var(--nrf-yellow) !important;
}

.text-nrf-red {
    color: var(--nrf-red) !important;
}

.border-nrf-green {
    border-color: var(--nrf-green) !important;
}