:root {
    --theme-color1: #0a192f;
    --theme-color2: #4b2e83;
    --theme-eatngo1: #EF4C3D;
    --theme-eatngo1-rgb: 239, 76, 61;
    --theme-eatngo1-text-color: #FFFFFF;
    --theme-eatngo2: #93A10C;
    --theme-eatngo2-rgb: 147, 161, 12;
    --theme-eatngo2-text-color: #FFFFFF;
    /*  --theme-color3: #f4b400; */
    --theme-color3: #92A00D;
    --theme-color3-rgb: 146, 160, 13;
    --theme-color3-text-color: #FFFFFF;
    --theme-color4: #f1f2eb;
    --theme-color1-rgb: 10, 25, 47;
    --theme-color2-rgb: 75, 46, 131;
    --theme-color3-rgb: 244, 180, 0;
    --theme-color4-rgb: 241, 242, 235;
    --theme-color1-text-color: #fff;
    --theme-color2-text-color: #fff;
    /* --theme-color3-text-color: #0a192f; */
    /* --theme-color3-text-color: #0a192f; */
    --box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 25px 50px -12px rgb(0 0 0 / .25);
    .site-bg {
        background-color: var(--theme-eatngo2);
        color: var(--theme-color1-text-color);
    }
    .bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
    }
    .btn-site {
        background-color: var(--theme-eatngo2);
        color: var(--theme-color1-text-color);
        &:hover {
            background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
            color: var(--theme-eatngo1-text-color);
        }
    }
    .hover:site-bg {
        background-color: var(--theme-eatngo2);
        color: var(--theme-color1-text-color);
    }
    .hover:text-primary {
        color: var(--theme-color1-text-color);
    }
    .rounded-2xl {
        border-radius: 1rem;
    }
    /* Cleaned up box-shadow utilities, removed duplicates, and fixed CSS syntax */
    .shadow-2xl {
        box-shadow: var(--box-shadow);
    }
    .box-shadow {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .ring-offset-shadow {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000);
    }
    .ring-shadow {
        box-shadow: var(--tw-ring-shadow, 0 0 #0000);
    }
    .shadow {
        box-shadow: var(--tw-shadow);
    }
    .shadow-colored {
        box-shadow: var(--tw-shadow-colored);
    }
    .transition-colors {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
    }
    .text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(55 65 81 / var(--tw-text-opacity, 1));
    }
    .font-semibold {
        font-weight: 600;
    }
    .py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
    .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    .rounded-full {
        border-radius: 9999px;
    }
    .whitespace-nowrap {
        white-space: nowrap;
    }
    .cursor-pointer {
        cursor: pointer;
    }
}