/* Gold Theme Color Variables */
        :root {
            --gold-primary: #caa34a;
            --gold-hover: #b8923d;
            --gold-light: #e5d4a3;
            --gold-dark: #a17d2e;
        }

        /* Update existing color references to gold */
        .bg-\[\#E0DDFF\] {
            background-color: #f5e6c8 !important;
        }

        .text-\[\#393186\],
        .text-\[\#5647E5\] {
            color: var(--gold-primary) !important;
        }

        .bg-\[\#393186\],
        .bg-primary {
            background-color: var(--gold-primary) !important;
        }

        .hover\:bg-\[\#2B208F\]:hover {
            background-color: var(--gold-hover) !important;
        }

        .border-\[\#393186\] {
            border-color: var(--gold-primary) !important;
        }

        .text-\[\#1E1481\] {
            color: var(--gold-dark) !important;
        }

        .hover\:text-\[\#1E1481\]:hover {
            color: var(--gold-dark) !important;
        }

        .hover\:border-\[\#393186\]:hover {
            border-color: var(--gold-primary) !important;
        }

        /* Focus Ring Gold Color */
        .focus\:ring-primary:focus,
        .focus\:border-primary:focus {
            --tw-ring-color: var(--gold-primary);
            border-color: var(--gold-primary);
        }


        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
        }

        .text-outline-stroke {
            -webkit-text-stroke: 1px #e5e7eb;
            color: transparent;
        }

        .dark .text-outline-stroke {
            -webkit-text-stroke: 1px #374151;
        }

        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }

        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }


        /* Sticky Header Styles */
        .sticky-header {
            transition: all 0.3s ease;
        }

        .sticky-header.scrolled {
            background-color: rgba(11, 17, 32, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        }

        /* Menu Animation */
        #mobile-menu.menu-open {
            transform: translateX(0);
        }

        #mobile-menu-overlay.menu-open {
            opacity: 1;
            visibility: visible;
        }

        /* Prevent body scroll when menu is open */
        body.menu-open {
            overflow: hidden;
        }