/* ===================================
   ULTRA-MINIMAL CSS - VaultIonix Energy
   Only brand-specific styles. Use Tailwind for everything else!
   =================================== */

/* ====== Theme Variables (Just 3!) ====== */
:root {
    --primary: #4A90E2;
    --text: #1E293B;
    --gray: #64748B;
}

/* ====== Base ====== */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Work Sans', sans-serif;
}

/* ====== Gradient Text Effect ====== */
.text-gradient {
    background: linear-gradient(90deg, #4A90E2, #7B68EE);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ====== Navbar Underline on Hover ====== */
#navbar a {
    position: relative;
}

#navbar a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: var(--primary);
    transition: width 0.3s ease;
}

#navbar a:hover::after {
    width: 100%;
}

/* That's it! Everything else uses Tailwind classes directly in HTML */