/* Thème clair : redéfinit les couleurs de base et les quelques teintes écrites en dur dans les autres feuilles */

:root[data-theme="light"] {
  --bg: #f7f4f3;
  --panel: #ffffff;
  --panel-2: #f2edeb;
  --border: #e5dcd8;
  --text: #1c1315;
  --muted: #6f6361;
  --accent: #8b1d31;
  --accent-rgb: 139 29 49;
  --on-accent: #ffffff;
  --brand-1: #7a1a2c;
  --brand-1-rgb: 122 26 44;
  --brand-2: #a8672a;
  --brand-3: #a8672a;
  --up: #15934a;
  --down: #d93636;
  --wait: #c27a05;
  color-scheme: light;
}
:root[data-theme="dark"] { color-scheme: dark; }

:root[data-theme="light"] body { background: var(--bg); }
:root[data-theme="light"] .disclaimer { background: #fff8e6; border-bottom-color: #f2dfae; color: #6b5a2b; }
:root[data-theme="light"] .bubble a { color: var(--accent); }
:root[data-theme="light"] [data-tip]::after { background: #fff; box-shadow: 0 8px 24px rgba(20, 26, 38, .15); }
:root[data-theme="light"] .chart-legend { background: rgba(255, 255, 255, .85); }
:root[data-theme="light"] .toast { background: #fff; box-shadow: 0 10px 30px rgba(20, 26, 38, .18); }
:root[data-theme="light"] .mk-card:hover { box-shadow: 0 10px 24px rgba(20, 26, 38, .12); }
:root[data-theme="light"] .skeleton-card { background: linear-gradient(90deg, var(--panel-2) 25%, #e3e8f0 50%, var(--panel-2) 75%); background-size: 200% 100%; }
:root[data-theme="light"] .div-table td { border-bottom-color: var(--border); }
:root[data-theme="light"] .subtabs .count { background: rgba(20, 26, 38, .08); }
:root[data-theme="light"] .hbar-label .flag { box-shadow: 0 0 0 1px rgba(20, 26, 38, .12); }
:root[data-theme="light"] .pill.up { background: rgba(21, 147, 74, .12); }
:root[data-theme="light"] .pill.down { background: rgba(217, 54, 54, .1); }
:root[data-theme="light"] .sr-type.t-etf { color: #1d64d8; }
:root[data-theme="light"] .sr-type.t-cryptocurrency { color: #a86a00; }
:root[data-theme="light"] .sr-type.t-index { color: #6d3fd1; }
:root[data-theme="light"] .sr-type.t-equity { color: #15803d; }
:root[data-theme="light"] .logo-wrap { box-shadow: 0 0 0 1px var(--border); }

/* Transition douce lors du changement de thème */
body, .panel, .topbar, .ticker, .bubble, .mk-card { transition: background-color .25s, border-color .25s, color .25s; }