/**
 * LIFE Digital Solutions - Updated Stylesheet
 * Color Palette: Navy Blue, Primary Red, White
 */

/* CSS Variables */
:root {
    /* Updated Branding Colors from Image */
    --navy-blue: #0D2A4B;       /* Main Navy from Title/Logo */
    --navy-dark: #07192D;       /* Deeper Navy for gradients */
    --navy-light: #3A4C62;      /* Medium Blue-Gray from active card */
    
    --primary-red: #CE352B;     /* Logo Red */
    --accent-red: #E34234;      /* Bright Red for Prices/Buttons */
    --red-light: #FFEBEE;       /* Soft red for hover states */
    
    /* Neutral Palette */
    --white: #FFFFFF;
    --off-white: #F5F5F5;       /* Card Backgrounds */
    --light-gray: #E0E0E0;
    --text-dark: #0D2A4B;       /* Use Navy for text instead of black */
    --text-light: #546E7A;
    
    /* Shadow Updates to match Red theme */
    --shadow-red: 0 4px 15px rgba(206, 53, 43, 0.2);
    --transition: all 0.3s ease;
}

/* --- Key Styling Updates --- */

.navbar {
    background: var(--navy-blue); /* Solid Navy as seen in footer/header logic */
}

.brand-text h1 {
    color: var(--white); /* Changed from Gold to White for cleaner look */
}

/* Button Updates: Changed from Gold to Red */
.btn-primary {
    background: linear-gradient(135deg, var(--accent-red) 0%, var(--primary-red) 100%);
    color: var(--white);
}

.btn-primary:hover {
    background: var(--primary-red);
    box-shadow: var(--shadow-red);
    transform: translateY(-2px);
}

.service-card:hover {
    border-color: var(--accent-red);
}

.service-icon {
    background: linear-gradient(135deg, var(--navy-blue) 0%, var(--navy-light) 100%);
    color: var(--white); /* Replaced Gold icon text with White */
}

.stat-number {
    color: var(--accent-red); /* Highlight stats in Red */
}

.section-title h2 span {
    color: var(--primary-red);
}

.section-title::after {
    background: linear-gradient(90deg, var(--primary-red), var(--accent-red));
}