/* Shelter Theme - Orange/Warm Color Override */
:root {
    /* Primary - Warm Orange */
    --primary-color: #E67E22;
    --secondary-color: #F39C12;
    --accent-color: #D35400;

    /* Gradients */
    --gradient-calm: linear-gradient(135deg, #1ABC9C, #48C9B0);
    --gradient-premium: linear-gradient(135deg, #E67E22, #F39C12);

    /* Keep text colors consistent */
    --text-dark: #2D3748;
    --text-body: #4A5568;
    --text-light: #718096;
    --text-lighter: #A0AEC0;
    --bg-light: #FFFAF5;
    --white: #FFFFFF;
}

/* Override button colors */
.btn-primary,
.btn-primary-large {
    background: linear-gradient(135deg, #E67E22, #F39C12);
}

.btn-primary:hover,
.btn-primary-large:hover {
    background: linear-gradient(135deg, #D35400, #E67E22);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(230, 126, 34, 0.35);
}

.btn-outline {
    border-color: #E67E22;
    color: #E67E22;
}

.btn-outline:hover {
    background: #E67E22;
    color: white;
}

.btn-secondary,
.btn-secondary-large {
    border-color: #E67E22;
    color: #E67E22;
}

.btn-secondary:hover,
.btn-secondary-large:hover {
    background: rgba(230, 126, 34, 0.1);
}

/* Pillar badge */
.pillar-badge {
    background: linear-gradient(135deg, #E67E22, #F39C12);
}

/* Pillar section backgrounds */
.pillar-section::before {
    background: radial-gradient(circle at 20% 50%, rgba(230, 126, 34, 0.05) 0%, transparent 50%);
}

.pillar-section.pillar-alt {
    background: #FFFAF5;
}

.pillar-section.pillar-alt::before {
    background: radial-gradient(circle at 80% 50%, rgba(243, 156, 18, 0.08) 0%, transparent 50%);
}

/* Feature checkmarks */
.pillar-features li::before {
    color: #E67E22;
}

/* Icon shadow */
.pillar-icon-large {
    filter: drop-shadow(0 10px 30px rgba(230, 126, 34, 0.25));
}

/* Hero section */
.hero {
    background: linear-gradient(180deg, #FFFAF5 0%, #FFF5EB 50%, #FFFFFF 100%);
}

.hero::before {
    background: radial-gradient(circle at 80% 20%, rgba(230, 126, 34, 0.08) 0%, transparent 50%),
                radial-gradient(circle at 20% 80%, rgba(243, 156, 18, 0.06) 0%, transparent 50%);
}

/* Stats */
.hero-stats .stat strong {
    color: #E67E22;
}

/* Secondary feature cards */
.secondary-feature-card {
    border-top: 3px solid transparent;
    transition: all 0.3s ease;
}

.secondary-feature-card:hover {
    border-top-color: #E67E22;
}

.secondary-feature-card .feature-icon {
    background: linear-gradient(135deg, rgba(230, 126, 34, 0.1), rgba(243, 156, 18, 0.1));
}

/* Final CTA */
.final-cta {
    background: linear-gradient(135deg, #E67E22, #F39C12);
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #E67E22, #F39C12);
}

/* Focus states */
a:focus-visible,
button:focus-visible,
.btn-primary:focus-visible,
.btn-outline:focus-visible {
    outline-color: #E67E22;
    box-shadow: 0 0 0 5px rgba(230, 126, 34, 0.2);
}

/* Navbar scrolled state */
.navbar.scrolled {
    border-bottom: 1px solid rgba(230, 126, 34, 0.1);
}

/* Links */
a {
    color: #E67E22;
}

.footer a:hover {
    color: #F39C12;
}

/* Selection */
::selection {
    background: #E67E22;
    color: white;
}

::-moz-selection {
    background: #E67E22;
    color: white;
}