/* =========================================================
   LemWork Portfolio Theme — SLATE
   Sobre, moderne, gris/bleu ardoise, pro et lisible
   (basé sur ton exemple "pur")
   ========================================================= */

/* =========================
   Variables principales
   ========================= */
body {
    --portfolio-primary: #475569;         /* slate */
    --portfolio-primary-2: #0f172a;       /* navy/slate très foncé */
    --portfolio-primary-soft: rgba(71, 85, 105, 0.14);

    --portfolio-background: #f8fafc;      /* fond très clair */
    --portfolio-surface: #ffffff;
    --portfolio-text: #0f172a;
    --portfolio-muted: #64748b;
    --portfolio-border: rgba(15, 23, 42, 0.12);

    --portfolio-shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.10);
    --portfolio-shadow: 0 22px 46px rgba(15, 23, 42, 0.14);
}

.edit-toolbar {
    background: var(--portfolio-primary) !important;
    color: #fff;
}

.dark-mode-toggle {
    background: var(--portfolio-primary) !important;
}

.logo {
    color: var(--portfolio-primary) !important;
}

.dark-mode .logo {
    color: white !important;
}

.navbar-links a.active {
    color: var(--portfolio-primary) !important;
}

.dark-mode .navbar-links a.active {
    color: white !important;
    font-weight: 700; /* ou bold */
}

/* ⚠️ Comme ton exemple "pur" (peut être peu lisible selon ton fond toolbar) */
.edit-toolbar button {
    color: var(--portfolio-primary) !important;
}

.skill h3 {
    color: var(--portfolio-primary-2) !important;
}

.dark-mode .skill h3 {
    color: white !important;
}

.edit-chip {
    background: var(--portfolio-primary-soft) !important;
    color: black !important;
    border: var(--portfolio-primary-soft) !important;
}

.dark-mode .edit-chip {
    background: var(--portfolio-primary) !important;
    color: #fff !important;
}

.theme-option h4 {
    color: var(--portfolio-primary) !important;
}

.theme-option.is-active {
    border-color: var(--portfolio-primary-2) !important;
    box-shadow: 0 10px 30px var(--portfolio-primary-soft) !important;
}

.project-card h3 {
    color: var(--portfolio-primary-2) !important;
}

.dark-mode .project-card h3 {
    color: white !important;
}

.experience-item h3 {
    color: var(--portfolio-primary-2) !important;
}

.dark-mode .experience-item h3 {
    color: white !important;
}

.portfolio-public-link {
    background: white !important;
    color: black !important;
}

.social-links a {
    color: var(--portfolio-primary) !important;
}

.dark-mode .social-links a {
    color: white !important;
}