/* SECTION_CSS_VARIABLES */
:root {
  /* Dark Anthracite — premium institutionnel */
  --bg:        #141414;
  --bg2:       #1C1C1C;
  --bg3:       #242424;
  --bg4:       #2C2C2C;
  --border:    rgba(255, 255, 255, 0.07);
  --border2:   rgba(255, 255, 255, 0.13);
  /* Couleurs pastel — zéro effet néon */
  --green:     #26A69A;
  --green2:    #1E8A7E;
  --red:       #EF5350;
  --orange:    #FFA726;
  --blue:      #42A5F5;
  --purple:    #AB7CF7;
  --text:      #ECEFF4;
  --muted:     #90A4AE;
  --muted2:    #546E7A;
  --mono: 'JetBrains Mono', 'Fira Code', monospace;
  --sans:      'Inter', sans-serif;
  --radius:    8px;
  --radius-lg: 16px;
  --shadow:    0 2px 12px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04);
}


/* ── BENTO BOX PREMIUM — glassmorphism + backdrop-blur ── */
.kpi-card, .kpi-block,
#t1-risk-card, #t1-positions-card,
.t4-card, #t4-analysis-card, #t4-news-col,
#t4-scenarios-card, #t4-journal-card,
#t5-history-card, #t5-hof-card {
  backdrop-filter: blur(12px) saturate(1.4);
  -webkit-backdrop-filter: blur(12px) saturate(1.4);
  background: rgba(28, 28, 28, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  border-radius: 12px !important;
  transition: box-shadow .2s, border-color .2s;
}
.kpi-card:hover { border-color: rgba(255,255,255,0.13) !important; box-shadow: 0 6px 32px rgba(0,0,0,0.55) !important; }
#header { background: rgba(20,20,20,0.82) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
#sidebar { background: rgba(18,18,18,0.90) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
#cmd-panel { backdrop-filter: blur(16px) saturate(1.6); -webkit-backdrop-filter: blur(16px) saturate(1.6); background: rgba(22,22,22,0.90) !important; border: 1px solid rgba(255,255,255,0.10) !important; }