/* ═══ FC ÉVÉNEMENT — DESIGN TOKENS (palette logo) ═══ */
:root {
  --sf:         'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --sf-display: 'Sora', 'Inter', -apple-system, system-ui, sans-serif;
  --sf-mono:    ui-monospace, 'SF Mono', 'Courier New', monospace;

  --bg:      #F4F6F9;
  --bg2:     #FFFFFF;
  --bg3:     #EBEEF3;
  --bg4:     #DEE3EA;

  --label:   rgba(13,20,30,0.90);
  --label2:  rgba(40,52,68,0.62);
  --label3:  rgba(40,52,68,0.34);
  --label4:  rgba(40,52,68,0.18);

  --sep:     rgba(40,52,68,0.12);
  --sep2:    rgba(40,52,68,0.20);
  --sep3:    rgba(40,52,68,0.34);

  --fill:    rgba(90,110,140,0.10);
  --fill2:   rgba(90,110,140,0.06);
  --fill3:   rgba(90,110,140,0.16);

  /* accent principal = bleu du caddie du logo */
  --blue:    #0073E5; --blue-bg:   rgba(0,115,229,0.12);
  --green:   #1FA862; --green-bg:  rgba(31,168,98,0.12);
  /* rouge = badge LIVE du logo */
  --red:     #BF0004; --red-bg:    rgba(191,0,4,0.10);
  --orange:  #E08A00; --orange-bg: rgba(224,138,0,0.12);
  --purple:  #6E5FBF; --purple-bg: rgba(110,95,191,0.10);
  --teal:    #0E9CB0; --teal-bg:   rgba(14,156,176,0.12);
  --indigo:  #4A5FBF; --indigo-bg: rgba(74,95,191,0.10);
  --pink:    #C9295E;

  --shadow-sm: 0 1px 2px rgba(10,18,32,0.07), 0 1px 1px rgba(10,18,32,0.04);
  --shadow-md: 0 6px 20px rgba(10,18,32,0.10), 0 2px 6px rgba(10,18,32,0.05);
  --shadow-lg: 0 16px 48px rgba(10,18,32,0.16), 0 4px 12px rgba(10,18,32,0.06);

  --r-xs: 7px; --r-sm: 9px; --r-md: 13px; --r-lg: 17px;
  --r-xl: 21px; --r-2xl: 26px; --r-pill: 999px;

  --sidebar-w:    220px;
  --panel-w:      340px;
  --topbar-h:     56px;
  --mobile-nav-h: 60px;
}

[data-theme="dark"] {
  --bg:      #0C1018;  --bg2:  #141A24;
  --bg3:     #1C2330;  --bg4:  #2A3242;

  --label:   rgba(240,244,250,0.92);
  --label2:  rgba(208,218,232,0.62);
  --label3:  rgba(208,218,232,0.32);
  --label4:  rgba(208,218,232,0.18);

  --sep:     rgba(120,140,170,0.22);
  --sep2:    rgba(120,140,170,0.34);
  --sep3:    rgba(120,140,170,0.48);

  --fill:    rgba(140,160,190,0.16);
  --fill2:   rgba(140,160,190,0.10);
  --fill3:   rgba(140,160,190,0.22);

  --blue:    #4DA3FF; --blue-bg:   rgba(77,163,255,0.18);
  --green:   #38C77F; --green-bg:  rgba(56,199,127,0.16);
  --red:     #FF5A57; --red-bg:    rgba(255,90,87,0.16);
  --orange:  #FFAB3D; --orange-bg: rgba(255,171,61,0.16);
  --purple:  #9C8EE8; --purple-bg: rgba(156,142,232,0.16);
  --teal:    #41C4DA; --teal-bg:   rgba(65,196,218,0.16);
  --indigo:  #7E91E8; --indigo-bg: rgba(126,145,232,0.16);
  --pink:    #ED6189;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.32);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.38);
  --shadow-lg: 0 20px 56px rgba(0,0,0,0.52);
}