/* ========================================
   SAGEV FOUNDATION - Rebuilt Static Site Styles
   Colors and classes pulled from the original theme
   ======================================== */

:root {
    --primary-blue: #1e40af;
    --primary-blue-dark: #1e3a8a;
    --deep-navy: #0c1f4a;
    --deep-navy-dark: #081330;
    --secondary-gold: #FFC734;
    --secondary-gold-dark: #F6A800;
    --accent-teal: #0d9488;
    --accent-teal-dark: #0f766e;
}

html { scroll-behavior: smooth; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up { animation: fadeInUp 0.6s ease-out forwards; }

/* Hero */
.sagev-hero { position: relative; }
.sagev-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(12,31,74,0.80) 0%, rgba(8,19,48,0.70) 50%, rgba(13,148,136,0.55) 100%);
    z-index: 1;
}
.sagev-hero .relative.z-10 { position: relative; z-index: 2; }

/* Donate buttons */
.btn-donate-hero,
.sagev-hero-donate-btn {
    background: linear-gradient(135deg, #FFC734 0%, #F6A800 100%);
    padding: 1.125rem 2.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    border-radius: 9999px;
    box-shadow: 0 4px 15px rgba(246,168,0,0.4);
    transition: all 0.3s ease;
}
.btn-donate-hero:hover, .sagev-hero-donate-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(246,168,0,0.5);
    background: linear-gradient(135deg, #FFD24D 0%, #FFC734 100%);
}

.sagev-donate-btn {
    background: var(--secondary-gold-dark);
    color: #fff;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 50px;
    transition: all 0.3s ease;
}
.sagev-donate-btn:hover { background: var(--accent-teal-dark); color: #fff; }

.sagev-children-cta {
    background: linear-gradient(135deg, var(--secondary-gold) 0%, var(--secondary-gold-dark) 100%);
    color: #fff;
    padding: 20px 40px;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
}
.sagev-children-cta:hover { background: #FFD24D; color: #fff; }

.sagev-cta-primary {
    background-color: #ffffff;
    color: var(--primary-blue);
    padding: 16px 32px;
    border-radius: 50px;
    transition: all 0.3s ease;
}
.sagev-cta-primary:hover { background-color: #f3f4f6; }

.sagev-cta-donate {
    background: linear-gradient(135deg, var(--secondary-gold-dark), #F59E0B);
    color: #fff;
    padding: 16px 32px;
    border-radius: 50px;
    transition: all 0.3s ease;
}
.sagev-cta-donate:hover { background: #FFD24D; color: #fff; }

.sagev-btn-primary {
    background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);
    transition: all 0.3s ease;
}
.sagev-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(30,64,175,0.3); }

.sagev-btn-gold {
    background: linear-gradient(135deg, var(--secondary-gold) 0%, var(--secondary-gold-dark) 100%);
    transition: all 0.3s ease;
}
.sagev-btn-gold:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(245,158,11,0.3); }

/* Cards */
.card-hover { transition: all 0.3s ease; }
.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15);
}
.card-hover:hover .program-icon { transform: scale(1.1); }
.program-icon { transition: transform 0.3s ease; }

/* Stats */
.stat-number {
    background: linear-gradient(135deg, var(--primary-blue), var(--accent-teal));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-variant-numeric: tabular-nums;
}

/* Tribute section */
.tribute-section {
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
}

/* Forms */
.form-input, input, textarea, select {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.form-input:focus, input:focus, textarea:focus, select:focus {
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 3px rgba(30,64,175,0.1);
    outline: none;
}

.donation-amount {
    cursor: pointer;
    transition: all 0.2s ease;
}
.donation-amount:hover, .donation-amount.active {
    border-color: var(--primary-blue);
    background-color: #eff6ff;
}
.donation-amount.active {
    box-shadow: 0 0 0 3px rgba(30,64,175,0.2);
}

/* Accessibility focus */
a:focus, button:focus, input:focus, textarea:focus, select:focus {
    outline: 3px solid var(--secondary-gold);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .sagev-hero h1 { font-size: 2rem; }
}