/* ============================================================================
   Match status badges — shared semantic palette (single source of truth).

   Status-coloured, NOT theme-coloured: solid light pills so a badge reads the
   same on a light page and on the dark today-widget ("status colour out of
   context"). Keyed on the status tokens every fixture renderer already emits
   (live / finished / upcoming / ns / postponed / delayed / canceled /
   suspended / neutral / other), so one file styles them all.

   Each page keeps its own badge SHAPE/SIZE; this file owns COLOUR only.
   Used by: worldcup2026 (calendar, fixtures-ledger, match-show, today-widget),
   and — once propagated — can2025 / arab-cup / botola.
   ========================================================================== */

.status-badge {
    background: #eceef1;
    border: 1px solid #d2d6dd;
    color: #4a5260;
}

/* not started / to-be-defined / neutral fallbacks — slate */
.status-badge.upcoming,
.status-badge.ns,
.status-badge.tbd,
.status-badge.neutral,
.status-badge.other {
    background: #eceef1;
    border-color: #d2d6dd;
    color: #4a5260;
}

/* live — brick red */
.status-badge.live {
    background: #fbeae8;
    border-color: #f0c7c2;
    color: #b23123;
}

/* finished — emerald */
.status-badge.finished {
    background: #e7f3ec;
    border-color: #bfe0cc;
    color: #1b6e44;
}

/* postponed / delayed — amber */
.status-badge.postponed,
.status-badge.delayed {
    background: #f7f0df;
    border-color: #e6d4a8;
    color: #8a6516;
}

/* suspended / abandoned / interrupted — burnt orange */
.status-badge.suspended {
    background: #fbeee2;
    border-color: #f0d2b6;
    color: #a2511a;
}

/* canceled — muted wine */
.status-badge.canceled {
    background: #f6e8ea;
    border-color: #e3c2c8;
    color: #8a3441;
}

/* live pulse dot inherits the badge colour */
.status-badge .match_is_live {
    color: currentColor;
}