/* ══ DESIGN TOKENS SKURIA ══════════════════════════════════════ */
:root {
    /* Couleurs */
    --sk-pk:      #c30079;
    --sk-pk-d:    #8f0058;
    --sk-pk-l:    #e8008a;
    --sk-pk-a:    rgba(195, 0, 121, .08);
    --sk-pk-glow: rgba(195, 0, 121, .25);
    --sk-nv:      #010525;
    --sk-nv-l:    #2b3a5c;
    --sk-mu:      #6b7280;
    --sk-mu-l:    #9ca3af;
    --sk-bd:      rgba(26, 37, 64, .08);
    --sk-ow:      #fdf8fc;
    --sk-wh:      #ffffff;
    --sk-bg:      #f8f9fb;

    /* Ombres */
    --sk-shadow:   0 2px 16px rgba(26, 37, 64, .07);
    --sk-shadow-h: 0 8px 32px rgba(26, 37, 64, .13);

    /* Rayons */
    --sk-r:    1.25rem;
    --sk-r-sm: 10px;

    /* Polices */
    --sk-font-title: 'Syne', sans-serif;
    --sk-font-body:  'DM Sans', sans-serif;
}

/* ══ RESET & BASE ══════════════════════════════════════════════ */

/* Élimine le délai 300ms touch */
a, button, [role="button"], input[type="submit"], label {
    touch-action: manipulation;
}

body {
    font-family: var(--sk-font-body);
    color: var(--sk-mu);
    background: #fff;
    margin: 0;
    padding: 0;
}

table {
    margin-block-end: 0 !important;
}

/* Padding-top pour compenser le header fixe (106px desktop + tablet) */
@media (min-width: 769px) {
    .sk-page-content {
        padding-top: 106px;
    }
}

/* ══ TYPOGRAPHY ════════════════════════════════════════════════ */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--sk-font-title);
    color: var(--sk-nv);
    line-height: 1.15;
}

h2 {
    font-size: 40px !important;
    font-weight: 700 !important;

}

h1 em, h2 em {
    font-style: normal;
    color: var(--sk-pk);
}

p {
    font-family: var(--sk-font-body);
    line-height: 1.7;
}

a {
    color: var(--sk-pk);
}

/* ══ SKIP LINK ════════════════════════════════════════════════ */
.skip-link {
    position: absolute;
    top: -100%;
    left: 0;
    z-index: 9999;
    padding: .5rem 1rem;
    background: var(--sk-nv);
    color: #fff;
    font-size: .85rem;
}

.skip-link:focus {
    top: 0;
}

/* ══ ANIMATIONS ═══════════════════════════════════════════════ */
@keyframes ddIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes skCardIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes simple-glow {
    0%   { opacity: 0.3; }
    50%  { opacity: 1; }
    100% { opacity: 0.3; }
}