:root {
  --color-primary: #F21E26;
  --light-primary: #FF666B;
  --color-secondary: #B91C1C;
  --color-tertiary: #FFE4E6;
  --color-white: #FFFFFF;
  --color-dark: #18181B;
  --color-black: #000000;
  --color-light: #E5E7EB;
  --color-lighter: #F8FAFC;
  --color-lightest: #F1F5F9;
  --color-heading: #111827;
  --color-body: #374151;
  --color-border-light: #E5E7EB;
  --color-border-dark: #3F3F46;
  --color-gray: #9CA3AF;
  --color-midgray: #6B7280;
  --color-extra01: #9CA3AF;
  --color-chart01: #F21E26;
  --color-chart02: #FB7185;
  --color-chart03: #7F1D1D;
  --color-success: #16A34A;
  --color-danger: #DC2626;
  --color-warning: #F59E0B;
  --color-info: #0EA5E9;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
  --font-secondary: 'Inter', system-ui, -apple-system, sans-serif;
  --font-size-b1: 16px;
  --font-size-b2: 14px;
  --font-size-b3: 12px;
  --h1: 46px;
  --h2: 30px;
  --h3: 28px;
  --h4: 24px;
  --h5: 20px;
  --h6: 18px;
  --radius: 6px;
  --radius-big: 16px;
  --radius-small: 6px;
  --border-width: 2px;
  --border-thin: 1px;
  --transition: 0.3s;
}