:root {
            /* --color-primary: #242728; */
            --color-primary: #050505; /* Primary color */
            --color-secondary: #2ebefd; /* Secondary color */
            --color-warning: #facc15;
            --color-danger: #ef4444;
            --color-dark: #1e293b;
            --color-light: #f1f5f9;
            --color-white: #ffffff;
        }

        .bg-primary {
            background-color: var(--color-primary);
        }

        .bg-secondary {
            background-color: var(--color-secondary);
        }

        .bg-warning {
            background-color: var(--color-warning);
        }

        .bg-danger {
            background-color: var(--color-danger);
        }

        .bg-dark {
            background-color: var(--color-dark);
        }

        .bg-light {
            background-color: var(--color-light);
        }


        .text-primary {
            color: var(--color-primary) !important;
        }

        .text-secondary {
            color: var(--color-secondary) !important;
        }

        .text-warning {
            color: var(--color-warning) !important;
        }

        .text-danger {
            color: var(--color-danger) !important;
        }

        .text-dark {
            color: var(--color-dark) !important;
        }

        .text-light {
            color: var(--color-light) !important;
        }

        .text-white {
            color: var(--color-white) !important;
        }

        body {
            font-family: 'Khmer OS', sans-serif;
        }

        /* Optional: Smooth dropdown */
        .dropdown-enter {
            transition: all 0.3s ease;
            transform: scale(0.95);
            opacity: 0;
        }

        .dropdown-enter-active {
            transform: scale(1);
            opacity: 1;
        }

        .text-shadow {
            text-shadow: 2px 2px 8px var(--color-primary);
        }