/* Custom Theme Colors */
        :root {
            --theme-navy: #1b2432;
            --theme-bg: #f4f5f7;
            --tag-purple: #9d00ff;
            --tag-cyan: #00d2ff;
            --tag-orange: #ff8c00;
            --accent-purple: #7a00cc;
            /* Removed the #0d6efd blue */
        }

        body {
            margin: 0;
            padding: 0;
            background-color: var(--theme-bg);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: #2c3e50;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        /* Utility Color Classes */
        .bg-nav {
            background-color: var(--theme-navy) !important;
        }

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

        /* Badges */
        .badge-purple {
            background-color: var(--tag-purple);
            color: white;
            padding: 0.4em 0.8em;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.7rem;
            letter-spacing: 0.5px;
        }

        .badge-cyan {
            background-color: var(--tag-cyan);
            color: #000;
            padding: 0.4em 0.8em;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.7rem;
            letter-spacing: 0.5px;
        }

        .badge-orange {
            background-color: var(--tag-orange);
            color: white;
            padding: 0.4em 0.8em;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.7rem;
            letter-spacing: 0.5px;
        }

        /* Card Styling & Hover Effects */
        .custom-card {
            border: none;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
            overflow: hidden;
            height: 100%;
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.3s ease;
            background-color: #ffffff;
            display: flex;
            flex-direction: column;
        }

        .custom-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        }

        .img-cover {
            object-fit: cover;
            width: 100%;
        }

        .play-icon {
            color: var(--accent-purple);
            font-size: 1.5rem;
            cursor: pointer;
            transition: transform 0.2s;
        }

        .play-icon:hover {
            transform: scale(1.1);
        }

        /* Ticker Animation */
        .ticker-text {
            white-space: nowrap;
            overflow: hidden;
            animation: ticker 25s linear infinite;
        }

        @keyframes ticker {
            0% {
                transform: translateX(100%);
            }

            100% {
                transform: translateX(-100%);
            }
        }

        /* Section Header Lines */
        .section-title {
            position: relative;
            padding-bottom: 0.5rem;
            margin-bottom: 1.5rem;
            font-weight: 700;
        }

        .section-title::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            height: 3px;
            width: 50px;
            background-color: var(--theme-navy);
        }

        /* --- DARK MODE OVERRIDES --- */
        [data-bs-theme="dark"] body {
            --theme-bg: #121212;
            color: #e0e0e0;
        }

        [data-bs-theme="dark"] .custom-card,
        [data-bs-theme="dark"] .bg-white {
            background-color: #1e1e1e !important;
            color: #e0e0e0 !important;
        }

        [data-bs-theme="dark"] .text-dark {
            color: #f8f9fa !important;
        }

        [data-bs-theme="dark"] .text-navy {
            color: #b0c4de !important;
        }

        [data-bs-theme="dark"] .section-title::after {
            background-color: var(--tag-cyan);
        }

        [data-bs-theme="dark"] .bg-navy,
        [data-bs-theme="dark"] .offcanvas {
            background-color: #0f141e !important;
        }