/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;700&display=swap');

/* ----------------------------------------
   ROOT VARIABLES – THEME COLORS
----------------------------------------- */
:root {
    --primary: #352C91;
    --secondary: #D663C0;
    --accent: #FFBF00;

    --text-dark: #111827;
    --text-light: #9CA3AF;

    --bg-light: #f8f8f8;
}

/* ----------------------------------------
   GLOBAL BODY STYLE
----------------------------------------- */
body {
    font-family: 'Mulish', sans-serif;
    background: var(--bg-light);
    margin: 0;
    padding: 0;
}


.animated-underline {
    background: linear-gradient(90deg,
        var(--primary),
        var(--secondary),
        var(--accent),
        var(--secondary),
        var(--primary)
    );
    background-size: 300%;
    animation: slide-gradient 4s linear infinite;
}

@keyframes slide-gradient {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}