:root {
    --canope-rouge: #e1000f;
    --canope-rouge-fonce: #b3000c;
    --canope-encre: #1a1a1a;
    --canope-anthracite: #3a3a3c;
}

body {
    background: #f7f7f8;
    color: var(--canope-encre);
}

/* Bandeau institutionnel */
.bandeau {
    background: #ffffff;
    border-top: 5px solid var(--canope-rouge);
    border-bottom: 1px solid #e6e6e8;
}
.bandeau__eyebrow {
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .72rem;
    font-weight: 600;
    color: var(--canope-rouge);
    margin-bottom: .35rem;
}
.bandeau__titre {
    font-weight: 700;
    letter-spacing: -.01em;
    margin: 0;
}
.bandeau__sous {
    color: #6b6b70;
    margin: .25rem 0 0;
}

/* Cartes */
.carte {
    background: #fff;
    border: 1px solid #e6e6e8;
    border-radius: .5rem;
}
.carte__index {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: var(--canope-rouge);
    font-size: 1.1rem;
    line-height: 1;
    padding-right: .75rem;
    border-right: 2px solid var(--canope-rouge);
    margin-right: .9rem;
}

/* KPI */
.kpi__valeur {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.02em;
}
.kpi__unite { font-size: 1.1rem; font-weight: 600; margin-left: .1rem; }
.kpi__label {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .72rem;
    font-weight: 600;
    color: #6b6b70;
}
.kpi__accent { color: var(--canope-rouge); }

.graph { position: relative; height: 340px; }

.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }