/* ╔══════════════════════════════════════════╗
   ║  BAZAAR — Variables Map  ║
   ╚══════════════════════════════════════════╝ */

/* ── Variables ───────────────────────────── */
:root {
  --ink: #0C1A30;
  --ink-2: #1E3050;
  --blue: #1D4ED8;
  --blue-lt: #EFF6FF;
  --blue-mid: #3B82F6;
  --orange: #F97316;
  --orange-dk: #EA6C0A;
  --orange-lt: #FFF7ED;
  --bg: #F1F4F9;
  --card: #FFFFFF;
  --text: #0F172A;
  --text-2: #475569;
  --text-3: #94A3B8;
  --border: #E2E8F0;
  --border-2: #CBD5E1;
  --success: #16A34A;
  --success-bg: #F0FDF4;
  --warning: #D97706;
  --warning-bg: #FFFBEB;
  --danger: #DC2626;
  --danger-bg: #FEF2F2;
  --purple: #7C3AED;
  --purple-bg: #F5F3FF;

  --sh-xs: 0 1px 2px rgba(15, 23, 42, .06);
  --sh-sm: 0 2px 8px rgba(15, 23, 42, .08);
  --sh: 0 4px 16px rgba(15, 23, 42, .10);
  --sh-lg: 0 12px 40px rgba(15, 23, 42, .14);
  --sh-xl: 0 24px 60px rgba(15, 23, 42, .20);

  --r-xs: 6px;
  --r-sm: 10px;
  --r: 14px;
  --r-lg: 20px;
  --r-xl: 28px;

  --tr: all .22s cubic-bezier(.4, 0, .2, 1);
  --container: 1300px;
}

/* ── Dark Mode Variables ─────────────────── */
body.dark {
  --bg: #0f172a;
  --card: #1e293b;
  --text: #f1f5f9;
  --text-2: #94a3b8;
  --text-3: #64748b;
  --border: #334155;
  --border-2: #475569;

  --success-bg: #064e3b;
  --warning-bg: #451a03;
  --danger-bg: #7f1d1d;
  --blue-lt: #1e3a8a;
  --orange-lt: #7c2d12;
  --purple-bg: #4c1d95;

  --ink: #1e293b;
  --ink-2: #334155;

  --sh-xs: 0 1px 2px rgba(0, 0, 0, .3);
  --sh-sm: 0 2px 8px rgba(0, 0, 0, .4);
  --sh: 0 4px 16px rgba(0, 0, 0, .5);
  --sh-lg: 0 12px 40px rgba(0, 0, 0, .6);
  --sh-xl: 0 24px 60px rgba(0, 0, 0, .7);
}