:root {
    --sky-blue: #37B6F6;
    --rainbow-green: #35D461;
    --golden-yellow: #F9E104;
    --california-orange: #F99D07;
    --deep-navy: #2C63CC;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    overflow-x: hidden;
}

h1, h2, h3 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    color: var(--deep-navy);
}

.btn-primary {
    background-color: var(--california-orange);
    color: white;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(249, 157, 7, 0.4);
}

.btn-primary:hover {
    transform: translateY(-2px);
    background-color: #e88d00;
}

.text-navy { color: var(--deep-navy); }
.bg-sky { background-color: var(--sky-blue); }
.bg-success { background-color: var(--rainbow-green); }

.curriculum-tab {
    cursor: pointer;
    transition: all 0.2s;
}
.curriculum-tab.active {
    border-bottom: 4px solid var(--sky-blue);
    color: var(--sky-blue);
}

.card-hover:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Smooth Scroll */
html { scroll-behavior: smooth; }