/* Style "Refonte" — même famille de couleurs et mêmes polices que l'identité
   actuelle, mais un rendu plus sérieux et plus carré : teinte pleine plutôt
   que dégradé, angles nets, typographie majuscule/espacée, cartes à liseré.
   "Carré" porte sur les angles, pas sur l'ambiance : le halo (glow de fond +
   ombre colorée sous les éléments d'accent) reste — aucun arrondi "pilule"
   en revanche. */
:root[data-style="refonte"] {
    --accent-1: #1a6a7a;
    --accent-2: #2a8fa5;
    --accent-3: #3db8d4;
    --accent-4: #4ecde6;
    --accent-gradient: var(--accent-2);
    --accent-ring: rgba(42, 143, 165, .3);
    --on-accent: #ffffff;

    --bg-image:
        radial-gradient(1100px 560px at 12% -8%, rgba(42, 143, 165, .22), transparent 60%),
        radial-gradient(900px 520px at 108% 10%, rgba(78, 205, 230, .16), transparent 55%);

    --radius-md: 2px;
    --radius-lg: 3px;
    --shadow-card: 0 14px 34px rgba(10, 20, 25, .18);
    --shadow-accent: 0 8px 24px rgba(42, 143, 165, .4);
    --shadow-accent-hover: 0 10px 30px rgba(61, 184, 212, .5);
    --surface-blur: none;

    --font-heading: 'Barlow Condensed', sans-serif;
    --font-body: 'Barlow', sans-serif;
    --heading-weight: 700;
    --heading-transform: uppercase;
    --heading-tracking: .04em;
}

:root[data-style="refonte"] .tile-icon,
:root[data-style="refonte"] .call-avatar {
    box-shadow: var(--shadow-accent);
}

:root[data-style="refonte"] .card {
    border-left: 3px solid var(--accent-2);
}

:root[data-style="refonte"] .btn {
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 700;
}

:root[data-style="refonte"] .topbar-nav a {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .8rem;
    font-weight: 600;
}

:root[data-style="refonte"] .badge-muted {
    background: transparent;
    border: 1px solid var(--text-faint);
    color: var(--text-muted);
}

:root[data-style="refonte"] .tile {
    border-top: 3px solid var(--accent-2);
}

:root[data-style="refonte"] .tile:hover {
    transform: none;
    border-color: var(--border);
    border-top-color: var(--accent-3);
}

:root[data-style="refonte"] .topbar {
    border-bottom: 2px solid var(--text);
}

:root[data-style="refonte"] .subnav-tab {
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .76rem;
}

:root[data-style="refonte"] .subnav-tab::after {
    height: 3px;
}