/* ── TechInsight Skills Hub — Custom Styles ──────────────────────────────── */

:root {
    --ti-purple: #7c3aed;
}

/* Purple utility for AI badge */
.bg-purple   { background-color: var(--ti-purple) !important; }
.text-purple { color:            var(--ti-purple) !important; }

/* ── Navbar ──────────────────────────────────────────────────────────────── */
.navbar-brand span:first-child { font-size: 1.5rem; }

/* ── Stat icon boxes ─────────────────────────────────────────────────────── */
.stat-icon {
    min-width: 52px;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Cards ───────────────────────────────────────────────────────────────── */
.card { border-radius: 0.75rem !important; }
.card-header { border-radius: 0.75rem 0.75rem 0 0 !important; }

/* ── Tables ──────────────────────────────────────────────────────────────── */
.table th {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
}

/* ── Badges ──────────────────────────────────────────────────────────────── */
.badge { font-weight: 500; }

/* ── Progress bar ────────────────────────────────────────────────────────── */
.progress { border-radius: 999px; }

/* ── Footer ──────────────────────────────────────────────────────────────── */
footer { font-size: 0.85rem; }

/* ── Form colour picker ──────────────────────────────────────────────────── */
.form-control-color { padding: 0.2rem; }

/* ── Responsive tweaks ───────────────────────────────────────────────────── */
@media (max-width: 576px) {
    .stat-icon { min-width: 42px; min-height: 42px; font-size: 1.2rem !important; }
}