/* ============================================================
   Block styles + compositions Shokola (contenu éditorial natif)
   Démonstrateur v2 — chargé FRONT + ÉDITEUR via enqueue_block_assets.
   Tokens : framework Kakao (--font-*, --color-*).
   ============================================================ */

/* Kicker — core/paragraph (is-style-shk-kicker)
   Le style est enregistré dans fiche-editor.php ; ici on le rend global. */
.is-style-shk-kicker {
    font-family: var(--font-2);
    font-size: .74rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--color-secondaire);
    margin: 0 0 .5rem;
}

/* Titre display — core/heading (is-style-shk-display)
   Convention d'accent : <em> = italique serif, couleur secondaire. */
.is-style-shk-display {
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.05;
}
.is-style-shk-display em {
    font-family: var(--font-3);
    font-style: italic;
    font-weight: 500;
    color: var(--color-secondaire);
}

/* Section sombre — core/group (is-style-shk-section-dark) */
.is-style-shk-section-dark {
    background: var(--color-dark);
    color: var(--color-paper);
    padding: clamp(40px, 6vw, 80px);
    border-radius: 8px;
}
.is-style-shk-section-dark .is-style-shk-kicker {
    color: var(--color-primaire);
}