/* ═══════════════════════════════════════════════════════════
   BSF Design System — Tokens Canoniques v1.4
   Date: 2026-04-27 (dark-only ecosystem, light mode dropped)
   Documentation: BSF_DESIGN_SYSTEM_CANONICAL_20260422.md
   ═══════════════════════════════════════════════════════════ */

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

  /* Brand — eclairci pour lisibilite dark */
  --bsf-brand-primary: #4D9ED0;       /* bleu ciel */
  --bsf-brand-accent: #6FB3DC;        /* accent interactif */

  /* Highlights — accents chaleureux mediterraneens (dark) */
  --bsf-accent-mandarine: #E89660;    /* CTAs principaux, energie positive */
  --bsf-accent-soleil: #E6BE5C;       /* highlights, alertes positives, badges NEW */
  --bsf-accent-arbre: #54A077;        /* succes, validations, statuts online */

  /* 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;             /* = accent-arbre, validations */
  --bsf-warning: #E6BE5C;             /* = accent-soleil, alertes */
  --bsf-danger: #D16662;              /* rouge brique sobre, PAS rouge vif */
  --bsf-info: #6FB3DC;                /* = brand-accent, info neutre */

  /* Typographie */
  --bsf-font-body:
    -apple-system, BlinkMacSystemFont, "Helvetica Neue",
    Helvetica, Arial, "Segoe UI", Roboto, sans-serif;
  --bsf-font-display: var(--bsf-font-body);
  --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;
}