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;
        }

        /* Job Card Hover Effects */
        .job-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 40px rgba(57, 49, 134, 0.1);
        }

        /* Smooth transitions */
        .transition-all {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms;
        }

        /* Job Detail Modal */
        .job-modal {
            backdrop-filter: blur(10px);
        }



            /* 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);
    }