:root {
  --c-main-bg: #222222;
  --c-sidebar-bg: #0c0c0c;
  --c-topbar-bg: #0c0c0c;
  --c-surface-bg: #ffffff0d;
  --c-surface-alt: #d2d7d9bf;
  --c-text-1: #dadada;
  --c-text-2: #dadada;
  --c-text-3: #dadada;
  --c-text-4: #dadada;
  --c-text-muted: #dadada80;
  --c-text-footer: #dadada40;
  --c-brand-primary: #EF6510;
  --c-brand-secondary: #00D3DC;
  --c-brand-tertiary: #00D3DC;
  --c-accent: #0c0c0c;
  --c-cards: #1a1a1a;
  --c-shadow: #000000;
  --c-shadow-light: #00000080;
  --c-error: #f56a6a;
  --c-success: #4caf50;
  --c-hover: #ffffff1a;
  --c-hover-white: #ffffff26;
  --c-social-discord: #515de8;
  --c-social-telegram: #1187C2;
  --c-social-linkedin: #0A66C2;
  --c-social-twitch: #a970ff;
  --c-social-youtube: #ff0000;
  --c-social-instagram: #8134af;
  --w-sidebar: 300px;
  --h-topbar: 60px;
}