/* =================================================================
   TOOLS PAGE SPECIFIC STYLING
   Uses CSS variables from theme-variables.css for theme support.
   ================================================================= */

/* Tools page card icon coloring */
.tools-page .card .fas {
    color: var(--brand-primary);
}

.tools-page .card-title .fas {
    color: var(--text-secondary);
}

.tools-page .btn .fas {
    color: inherit;
}

/* Title Generation Page Specific Styling */
.title-generation-page .progress {
    height: 1.2rem;
}

.title-generation-page .breadcrumb {
    background-color: transparent;
    padding: 0;
}

/* Dark mode breadcrumb */
[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
    color: var(--text-secondary);
}

[data-theme="dark"] .breadcrumb-item.active {
    color: var(--text-secondary);
}