/* Custom Color Palette - Modern Rebrand */
:root {
    /* Primary Action - Living Coral */
    --primary-coral: #FF6F61;
    --primary-coral-hover: #FF5A4A;
    
    /* Secondary Brand - Teal */
    --brand-teal: #00897B;
    --brand-teal-light: #26A69A;
    --brand-teal-dark: #00695C;
    
    /* Background - Soft Mint/Grey */
    --bg-mint: #F4F7F6;
    --bg-white: #FFFFFF;
    
    /* Text - Blue-Grey */
    --text-primary: #263238;
    --text-secondary: #546E7A;
    --text-light: #90A4AE;
    
    /* Accent - Soft Amber (Premium) */
    --accent-amber: #FFD54F;
    --accent-amber-dark: #FFC107;
    
    /* Legacy support */
    --primary-blue: #00897B;
    --accent-blue: #00897B;
    --dark-navy: #263238;
    --light-background: #F4F7F6;
    --soft-gray: #E0E0E0;
    --text-dark-gray: #263238;
}

/* Base Styles */
body {
    background-color: var(--bg-mint);
    color: var(--text-primary);
}

/* Navigation & Headings - Blue-Grey */
nav, h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary);
}

/* Buttons & Links - Primary Coral for Actions */
.btn-primary {
    background-color: var(--primary-coral);
    color: white;
    transition: all 0.3s ease;
    font-weight: 600;
}

.btn-primary:hover {
    background-color: var(--primary-coral-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 111, 97, 0.4);
}

.btn-outline {
    border: 2px solid var(--brand-teal);
    color: var(--brand-teal);
    transition: all 0.3s ease;
}

.btn-outline:hover {
    background-color: var(--brand-teal);
    color: white;
}

a {
    color: var(--brand-teal);
}

a:hover {
    color: var(--brand-teal-dark);
}

/* Cards & Sections */
.card, .bg-white {
    background-color: var(--bg-white);
    border-color: var(--soft-gray);
}

.bg-gray-50 {
    background-color: var(--bg-mint);
}

.border-gray-200 {
    border-color: var(--soft-gray);
}

/* Gradient Primary - Teal Gradient */
.gradient-primary {
    background: linear-gradient(135deg, var(--brand-teal-dark) 0%, var(--brand-teal) 100%);
}

/* Text Colors */
.text-primary {
    color: var(--brand-teal);
}

.text-dark-navy {
    color: var(--text-primary);
}

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

.border-primary {
    border-color: var(--primary-coral);
}

/* Custom utility classes */
.bg-navy {
    background-color: var(--text-primary);
}

.text-navy {
    color: var(--text-primary);
}

.bg-accent {
    background-color: var(--brand-teal);
}

.text-accent {
    color: var(--brand-teal);
}

.bg-soft-gray {
    background-color: var(--soft-gray);
}

.bg-light {
    background-color: var(--bg-mint);
}

/* Premium/Highlight - Amber */
.premium-badge {
    background-color: var(--accent-amber);
    color: var(--text-primary);
}

.premium-highlight {
    background-color: var(--accent-amber);
    color: var(--text-primary);
}