/* Market Monitor — Design tokens (refonte D1)
   Source canonique : design/README.md §3.
   Toute évolution de palette / radii / spacing doit passer par ce fichier. */

:root {
  /* ── Backgrounds ──────────────────────────────────────────── */
  --bg:            #0a0e1a;   /* fond global */
  --bg-deep:       #06080f;   /* alternative plus sombre */
  --bg-shell:      #080c17;   /* fond du shell (zone main du dashboard) */
  --bg-card:       #131827;   /* cartes / panneaux */
  --bg-card-hi:    #1a2138;   /* hover */

  /* ── Borders ──────────────────────────────────────────────── */
  --border:        rgba(139,147,167,0.15);
  --border-strong: rgba(139,147,167,0.20);
  --border-soft:   rgba(139,147,167,0.08);

  /* ── Text ─────────────────────────────────────────────────── */
  --text:        #e8ecf4;
  --text-strong: #ffffff;
  --text-muted:  #8b93a7;
  --text-dim:    #6b7280;
  --text-meta:   #a8b1c4;

  /* ── Accent (bleu cinématique retenu) ────────────────────── */
  --accent:        #5b8def;
  --accent-soft:   rgba(91,141,239,0.20);
  --accent-bg:     rgba(91,141,239,0.12);
  --accent-border: rgba(91,141,239,0.45);

  /* ── Semantic ─────────────────────────────────────────────── */
  --green:      #10b981;
  --green-soft: rgba(16,185,129,0.18);
  --red:        #ef4444;
  --red-soft:   rgba(239,68,68,0.18);
  --yellow:     #f59e0b;
  --yellow-soft:rgba(245,158,11,0.15);
  --purple:     #a855f7;

  /* ── Asset hues ──────────────────────────────────────────── */
  --hue-btc: #f59e0b;
  --hue-xau: #d4af37;
  --hue-wti: #10b981;
  --hue-dxy: #5b8def;

  /* ── Radii ───────────────────────────────────────────────── */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 14px;
  --r-pill: 99px;

  /* ── Spacing ─────────────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 36px;

  /* ── Typography ──────────────────────────────────────────── */
  --font-ui:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-serif: "Source Serif Pro", Georgia, serif;
  --font-mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ── Animations partagées ─────────────────────────────────────
   Convention : préfixe `mm-` pour ne pas entrer en collision
   avec celles de l'index.html v1. */

@keyframes mm-pulse {
  0%, 100% { opacity: 1;    transform: scale(1);    }
  50%      { opacity: 0.55; transform: scale(1.15); }
}

@keyframes mm-shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position:  200% 0; }
}

@keyframes mm-flash-up {
  0%   { background: rgba(16,185,129,0);    }
  30%  { background: rgba(16,185,129,0.28); }
  100% { background: rgba(16,185,129,0);    }
}

@keyframes mm-flash-down {
  0%   { background: rgba(239,68,68,0);    }
  30%  { background: rgba(239,68,68,0.28); }
  100% { background: rgba(239,68,68,0);    }
}

@keyframes mm-rise-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none;           }
}