/* COINZ STORE - design tokens */
:root {
  --bg: #0a0b1e;
  --bg-2: #0f1130;
  --card: #14163a;
  --card-2: #1b1e4a;
  --glass: rgba(24, 27, 70, .55);
  --glass-border: rgba(255, 255, 255, .09);
  --nav-bg: rgba(15, 17, 48, .82);
  --text: #eef0ff;
  --text-dim: #a4a9d6;
  --text-faint: #6c72a8;
  --primary: #7c5cff;
  --primary-2: #9b82ff;
  --accent: #00e5ff;
  --pink: #ff3d9a;
  --gold: #ffd43b;
  --success: #2ee59d;
  --danger: #ff5470;
  --warn: #ffb02e;
  --gradient-from: #7c5cff;
  --gradient-to: #00e5ff;
  --grad: linear-gradient(135deg, var(--gradient-from), var(--gradient-to));
  --grad-hot: linear-gradient(135deg, #ff3d9a, #7c5cff);
  --grad-gold: linear-gradient(135deg, #ffd43b, #ff8a3d);
  --grid-line: rgba(124, 92, 255, .08);
  --shadow: 0 10px 30px rgba(0, 0, 0, .35);
  --glow: 0 0 0 1px rgba(124, 92, 255, .5), 0 0 24px rgba(124, 92, 255, .35);
  --glow-accent: 0 0 0 1px rgba(0, 229, 255, .5), 0 0 24px rgba(0, 229, 255, .3);
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --header-h: 64px;
  --tabbar-h: 62px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --t: .22s;
  --font: 'Cairo', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif;
  color-scheme: dark;
}

[data-theme="light"] {
  --bg: #f1f2fb;
  --bg-2: #ffffff;
  --card: #ffffff;
  --card-2: #f4f4ff;
  --glass: rgba(255, 255, 255, .78);
  --glass-border: rgba(40, 40, 120, .12);
  --nav-bg: rgba(255, 255, 255, .88);
  --text: #15163a;
  --text-dim: #4b4f86;
  --text-faint: #8a8eb8;
  --primary: #6a45f5;
  --primary-2: #5636d8;
  --accent: #0097b8;
  --gold: #e0a800;
  --success: #0fa86b;
  --danger: #e03150;
  --grid-line: rgba(106, 69, 245, .07);
  --shadow: 0 10px 28px rgba(60, 60, 140, .14);
  --glow: 0 0 0 1px rgba(106, 69, 245, .45), 0 6px 22px rgba(106, 69, 245, .22);
  --glow-accent: 0 0 0 1px rgba(0, 151, 184, .45), 0 6px 22px rgba(0, 151, 184, .2);
  color-scheme: light;
}