:root {
    --primary-color: #38bdf8;
    /* Sky Blue - High Clarity */
    --secondary-color: #0f172a;
    /* Deep Slate */
    --accent-color: #7dd3fc;
    --hero-text-main: #ffffff;
    --hero-text-sub: #e2e8f0;
}

.hero-main-gradient {
    position: relative;
    background-image:
        linear-gradient(135deg,
            rgba(15, 23, 42, 0.98) 0%,
            rgba(12, 74, 110, 0.35) 50%,
            rgba(15, 23, 42, 0.98) 100%),
        url('/welcome/old-welcome/assets/math.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.btn-primary-custom {
    background: #0284c7 !important;
    /* Slightly darker for readability */
    color: white !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.3);
}

.btn-secondary-custom {
    border: 2px solid #38bdf8 !important;
    color: #38bdf8 !important;
}