/* =========================================================
   MarketPulse v2 — Design Tokens
   Central color, radius, shadow & layout variables.
   ========================================================= */

:root {
  /* Brand */
  --brand: #6c5dd3;
  --brand-hover: #5a4bd1;
  --brand-soft: #eeedfb;
  --brand-ring: rgba(108, 93, 211, 0.22);

  /* Neutrals */
  --bg: #f8f9fc;
  --surface: #ffffff;
  --surface-2: #fbfbfe;
  --border: #e6e8ef;
  --divider: #f0f0f0;

  --text-1: #1b1d21;
  --text-2: #6c707e;
  --text-3: #9fa2a9;

  /* Status */
  --success: #00c48c;  --success-bg: #e6f9f3;
  --warning: #ffab00;  --warning-bg: #fff8e1;
  --danger:  #ff4d4f;  --danger-bg:  #ffeded;
  --info:    #3b82f6;  --info-bg:    #eff6ff;

  /* Radius */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;

  /* Shadows */
  --sh-sm: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --sh-md: 0 4px 8px -2px rgba(16, 24, 40, 0.06), 0 2px 4px -1px rgba(16, 24, 40, 0.04);
  --sh-lg: 0 12px 24px -6px rgba(16, 24, 40, 0.10), 0 4px 8px -2px rgba(16, 24, 40, 0.05);
  --sh-brand: 0 4px 12px rgba(108, 93, 211, 0.28);

  /* Layout */
  --sidebar-w: 240px;
  --right-w: 320px;
  --topbar-h: 64px;

  /* Asset-type accents */
  --crypto-bg: #fff8e1;
  --crypto-fg: #b45309;
  --stock-bg: #eff6ff;
  --stock-fg: #3b82f6;
}