app/src/styles/components/_breadcrumbs.css

/* Breadcrumb navigation boxes - Transformers article */

.crumbs {
    background: linear-gradient(135deg, #f0f4ff 0%, #2909e2 100%);
    border: 2px solid #667eea;
    border-left: 5px solid #667eea;
    padding: 1.25rem 1.75rem;
    margin: 2.5rem 0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
    font-size: 0.95em;
    line-height: 1.6;
    color: #4a5568;
}

.crumbs strong {
    color: #667eea;
    font-weight: 700;
}

.crumbs code {
    background: rgba(102, 126, 234, 0.1);
    padding: 0.15em 0.4em;
    border-radius: 3px;
    font-size: 0.9em;
    color: #4c51bf;
}

.crumbs a {
    color: #667eea;
    font-weight: 500;
}

/* Dark mode */
[data-theme="dark"] .crumbs {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border: 2px solid #818cf8;
    border-left: 5px solid #818cf8;
    color: #cbd5e0;
}

[data-theme="dark"] .crumbs strong {
    color: #a5b4fc;
}

[data-theme="dark"] .crumbs code {
    background: rgba(129, 140, 248, 0.2);
    color: #c7d2fe;
}

[data-theme="dark"] .crumbs a {
    color: #a5b4fc;
}