/* ========================================
   CrystaliaMC - Dark Theme (Default)
   ======================================== */

:root {
  /* Backgrounds */
  --bg-primary: #0d0b1a;
  --bg-secondary: #110e22;
  --footer-bg: #0a081a;

  /* Accent colors - pastel purple & blue */
  --accent-primary: #b49fdc;
  --accent-secondary: #90b8e8;
  --accent-glow: rgba(180, 159, 220, 0.35);
  --accent-subtle: rgba(180, 159, 220, 0.08);
  --accent-border: rgba(180, 159, 220, 0.3);
  --accent-border-2: rgba(144, 184, 232, 0.2);

  /* Orbs */
  --orb-1: radial-gradient(circle, #7c3aed, #4f46e5);
  --orb-2: radial-gradient(circle, #3b82f6, #0ea5e9);
  --orb-3: radial-gradient(circle, #a855f7, #6366f1);

  /* Gradient */
  --gradient-main: linear-gradient(135deg, #b49fdc 0%, #90b8e8 100%);
  --gradient-alt: linear-gradient(135deg, #c4b0e8 0%, #7ec8e3 100%);

  /* Text */
  --text-primary: #eee8f8;
  --text-secondary: #a89bc8;
  --text-muted: #6b6087;

  /* Cards */
  --card-bg: rgba(255, 255, 255, 0.04);
  --card-border: rgba(255, 255, 255, 0.08);
  --card-shine: linear-gradient(135deg, rgba(180, 159, 220, 0.06), transparent);
  --hover-bg: rgba(255, 255, 255, 0.06);

  /* Nav */
  --nav-bg: rgba(13, 11, 26, 0.85);
  --nav-border: rgba(255, 255, 255, 0.1);
  --nav-shadow: rgba(0, 0, 0, 0.4);

  /* Shadows */
  --shadow-sm: rgba(0, 0, 0, 0.3);
  --shadow-md: rgba(0, 0, 0, 0.5);
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

/* Discord specific */
.discord-bg { background: rgba(88, 101, 242, 0.15); border-color: rgba(88, 101, 242, 0.3); }
.tiktok-bg { background: rgba(255, 0, 80, 0.1); border-color: rgba(255, 0, 80, 0.25); }
.youtube-bg { background: rgba(255, 0, 0, 0.1); border-color: rgba(255, 0, 0, 0.25); }
.twitter-bg { background: rgba(29, 161, 242, 0.1); border-color: rgba(29, 161, 242, 0.25); }
.instagram-bg { background: rgba(225, 48, 108, 0.1); border-color: rgba(225, 48, 108, 0.25); }