:root {
    /* Base colors */
    --white: #ffffff;
    --dull-white: #fffffff0;
    --black: #000000;

    /* Text colors */
    --text-primary: #111827;   /* main text */
    --text-secondary: #282828; /* muted text */
}

html,
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    /* overflow-x: hidden; */
    width: 100%;
}

h1, h2, h3 {
    font-family: 'Poppins', sans-serif;
}


img {
    -webkit-user-drag: none;
    user-select: none;
}


.footer-section {
    background:
        radial-gradient(
            circle at top left,
            rgba(16, 185, 129, 0.12),
            transparent 35%
        ),
        radial-gradient(
            circle at top right,
            rgba(59, 130, 246, 0.15),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            #0F172A 0%,
            #0B1120 50%,
            #020617 100%
        );

    position: relative;
    overflow: hidden;
}