:root {
            --primary-color: #2C3E50;
            --secondary-color: #FFA500;
            --background-color: #F0F0F0;
            --text-color: #333;
        }
        .breadcrumb-container {
            padding: 20px;
            margin: 0 auto;
            max-width: 1200px;
        }

        .breadcrumb {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 1rem;
            color: var(--text-color);
            margin-bottom: 20px;
        }

        .breadcrumb a {
            color: var(--primary-color);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .breadcrumb a:hover {
            color: var(--secondary-color);
        }

        .breadcrumb-separator {
            color: #888;
            margin: 0 4px;
        }

        .breadcrumb-current {
            color: var(--secondary-color);
            font-weight: 600;
        }

        /* Previous styles remain the same */