/* css/variables.css */
/* css/variables.css */
:root {
  --bg: #08080e;
  --bg2: #0f0f17;
  --bg3: #141420;
  --card: rgba(255, 255, 255, 0.03);
  --border: rgba(255, 255, 255, 0.07);
  --border2: rgba(255, 255, 255, 0.12);
  --text: rgba(255, 255, 255, 0.95);
  --muted: rgba(255, 255, 255, 0.4);
  --dim: rgba(255, 255, 255, 0.2);
  --pink: #fd366e;
  --pink2: rgba(253, 54, 110, 0.12);
  --pink3: rgba(253, 54, 110, 0.22);
  --green: #10b981;
  --green2: rgba(16, 185, 129, 0.1);
  --amber: #f59e0b;
  --purple: #a855f7;
  --red: #ef4444;
  --r: 18px;
  --r2: 24px;
  --r3: 32px;
}