/* ============================================================
   D2 · MIDNIGHT AMBER — la reco "design system" ui-ux-pro-max.
   Nuit indigo profonde, ambre premium, Inter. Moderne épuré,
   le plus proche des dashboards fintech contemporains.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

:root{
  --font-display:'Inter',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --w-med:600; --w-bold:700;
  --ls-display:-.01em; --ls-label:.08em; --tt-label:uppercase;

  --bg:#0B1120;
  --bg-panel:#0F172A;
  --bg-elev:#1E293B;
  --border:rgba(255,255,255,.08);
  --line:1px;
  --text:#F1F5F9;
  --text-dim:#7C8BA5;

  --accent:#F59E0B;
  --accent-fg:#0F172A;
  --accent-soft:rgba(245,158,11,.09);
  --up:#34D399; --up-soft:rgba(52,211,153,.12);
  --down:#F87171; --down-soft:rgba(248,113,113,.12);

  --radius:12px; --radius-sm:8px;
  --shadow:0 4px 24px rgba(0,0,0,.35);
  --gap:1rem;

  --heat-p2:#065F46; --heat-p2-fg:#A7F3D0;
  --heat-p1:#064E3B; --heat-p1-fg:#6EE7B7;
  --heat-0:#1E293B;  --heat-0-fg:#94A3B8;
  --heat-n1:#7F1D1D; --heat-n1-fg:#FECACA;
  --heat-n2:#991B1B; --heat-n2-fg:#FEE2E2;
}

/* Flourish : halo ambré discret sur l'accent */
.goal-badge{box-shadow:0 0 18px rgba(245,158,11,.15)}
.btn.primary{box-shadow:0 2px 12px rgba(245,158,11,.3)}