/* ═══════════════════════════════════════════════════════════
   BSF Design System — Tokens Canoniques v1.5
   Date: 2026-05-02 (PC split 3-niveaux)
   ───────────────────────────────────────────────────────────
   NIVEAU 2 — Sémantiques universels (référencent NIVEAU 1 via @import).
   NIVEAU 1 = themes/theme-bsf.css (ou theme-<club>.css pour pivoter).
   NIVEAU 3 = tokens-extended.bundle.min.css (composants).
   ═══════════════════════════════════════════════════════════ */

@import url("themes/theme-bsf.css");
@import url("themes/theme-esperance.css");
@import url("themes/theme-african.css");

:root {
  /* ═══════════════════════════════════════ */
  /* ════════════ DARK MODE (defaut) ════════ */
  /* ═══════════════════════════════════════ */

  /* Fonds sombres profonds (Flashscore-style) */
  --bsf-bg-page: #0B1420;             /* fond de page global */
  --bsf-bg-surface: #141E2D;          /* fond cards, widgets, modales */
  --bsf-bg-elevated: #1D2A3D;         /* hover, dropdown, focus state */

  /* Shared widgets (INVARIANTS, cible Flutter natif) */
  /* Surchargeables via theme-<client>.css pour white-label. */
  --bsf-shared-bg:            #184e42;                     /* fond widgets shared */
  --bsf-shared-brand:         #0C304C;                     /* navy identitaire fixe */
  --bsf-shared-brand-accent:  #175F9E;                     /* bleu accent fixe */
  --bsf-shared-mandarine:     #E8762F;                     /* CTA mandarine fixe */
  --bsf-shared-text:          #FFFFFF;                     /* texte invariant sur fonds shared */
  --bsf-shared-text-muted:    rgba(255, 255, 255, 0.75);   /* texte attenue sur fonds shared */

  /* Texte (inverse pour dark) */
  --bsf-text-primary: #F1F5F9;        /* titres, texte principal */
  --bsf-text-secondary: #CBD5E1;      /* body, descriptions */
  --bsf-text-muted: #7B8A9E;          /* metadonnees, timestamps */

  /* Bordures & separateurs (dark) */
  --bsf-border-default: #1D2A3D;      /* separateurs subtils */
  --bsf-border-strong: #2C3E55;       /* cards, inputs focus */

  /* Etats semantiques (dark) */
  --bsf-success: #54A077;             /* validations, statuts online */
  --bsf-warning: #E6BE5C;             /* alertes, highlights, badges NEW */
  --bsf-danger: #D16662;              /* rouge brique sobre, PAS rouge vif */

  /* Typographie */
  --bsf-font-body:
    -apple-system, BlinkMacSystemFont, "Helvetica Neue",
    Helvetica, Arial, "Segoe UI", Roboto, sans-serif;
  --bsf-font-mono:
    ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Hauteurs, espacements, radius */
  --bsf-topbar-h: 60px;
  --bsf-radius-sm: 6px;
  --bsf-radius-md: 8px;
  --bsf-radius-lg: 12px;
  --bsf-radius-xl: 16px;

  /* Shadows (dark, plus subtiles) */
  --bsf-shadow-sm: 0 1px 2px rgba(0,0,0,0.24);
  --bsf-shadow-md: 0 4px 12px rgba(0,0,0,0.32);
  --bsf-shadow-lg: 0 10px 24px rgba(0,0,0,0.48);

  /* ═══════════════════════════════════════ */
  /* Typography scale (2026-04-23 -2px shift) */
  /* ═══════════════════════════════════════ */
  --bsf-text-xs:    9px;    /* ex 11px */
  --bsf-text-sm:    11px;   /* ex 13px */
  --bsf-text-base:  12px;   /* ex 14px */
  --bsf-text-md:    13px;   /* ex 15px */
  --bsf-text-lg:    15px;   /* ex 17px */
  --bsf-text-xl:    18px;   /* ex 20px */
  --bsf-text-2xl:   22px;   /* ex 24px */
  --bsf-text-3xl:   30px;   /* ex 32px */
  --bsf-text-4xl:   38px;   /* ex 40px */
  --bsf-text-lh-tight:   1.15;
  --bsf-text-lh-snug:    1.2;
  --bsf-text-lh-normal:  1.3;
  --bsf-text-lh-relaxed: 1.4;
  --bsf-text-lh-loose:   1.5;
}