body {
    font-family: 'SolaimanLipi', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding-top: 82px;

}

@font-face {
    font-family: 'SolaimanLipi';
    src: url('/frontend/asset/fonts/SolaimanLipi_22-02-2012.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SolaimanLipiBold';
    src: url('/frontend/asset/fonts/SolaimanLipi_Bold_10-03-12.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@keyframes appear {
    from{
        opacity: 0;
        scale: 0.1;
    }
    to{
        opacity: 1;
        scale: 1;
    }
}

@keyframes onload {
    from {
        opacity: 0;
        transform: scale(0.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes onload2 {
    0% {
        opacity: 0;
        transform: translateY(15px); /* subtle slide-in instead of scale */
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ===========================
Global Color Variables
=========================== */
:root {
    --primary-color: hsl(165 75% 25%);
    --primary-dark: #0b5240;
    --secondary-color: #ffbd0a;
    --dark-secondary-color: hsl(42 90% 60%);
    --text-color: #222222;
    --text-light: #ffffff;
    --text-mute: hsl(160 10% 40%);
    --background-light: hsl(0 0% 100%);
    --background-low-light: hsl(35deg 25% 96% / 90%);
    --border-color: #dddddd;
    --hero-gradient: linear-gradient(135deg, hsl(165 75% 25%) 0%, hsl(165 65% 35%) 100%);
    --hero-gradient-hover: linear-gradient(135deg, hsl(165 75% 28%) 0%, hsl(165 65% 38%) 100%);
    --accent-gradient: linear-gradient(135deg, hsl(42 90% 60%) 0%, hsl(42 85% 55%) 100%);
}