:root {
  --ares-bg: #020817;
  --ares-surface: rgba(10, 24, 48, 0.82);
  --ares-surface-soft: rgba(15, 30, 58, 0.72);
  --ares-line: rgba(82, 144, 255, 0.22);
  --ares-text: #f8fafc;
  --ares-muted: #9fb0c8;

  --ares-blue: #1287ff;
  --ares-green: #20d34a;
  --ares-orange: #ff8a00;
  --ares-purple: #8b5cf6;
  --ares-red: #ef4444;

  --ares-radius-sm: 12px;
  --ares-radius-md: 18px;
  --ares-radius-lg: 24px;
  --ares-radius-xl: 30px;

  --ares-shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.22);
  --ares-shadow-strong: 0 24px 70px rgba(0, 0, 0, 0.36);
}