:root {
  --font-primary: 'Inter', sans-serif;

  /* Font weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Font sizes */
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;

  /* Line heights */
  --lh-body: 28px;
  --lh-h1-mobile: 50px;
  --lh-h1-tablet: 64px;
  --lh-h1-desktop: 82px;
  --lh-h2: 45px;
  --lh-h2-desktop: 56.25px;
  --lh-h3: 40px;
  --lh-h3-desktop: 45px;
  --lh-h4: 40px;
  --lh-h5: 32px;
  --lh-h6: 28px;

  --Text-Gradient: linear-gradient(180deg, #fff 0%, #9e99ae 100%);
  --color-bg: #0d0b1e;
  
  --neutral-100: #f2f5f8;
  --neutral-200: #f2f5f8;
  --neutral-300: #cacfd8;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #374151;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --main-text-color: var(--neutral-100);
  --dark-purple: #16112A;
  --brand-orange: #FF9201;
  --text-default: #F2F5F8;
  --color-text: #e5e7eb;

  --error-color: #e9534a;
  --accent-color: var(--brand-orange);


  --radius: 12px;

  --transition: 0.3s ease;

  --h1-desktop-size: 72px;
  --h1-desktop-line: 82px;
  --h1-desktop-letter: -2.88px;

  --h1-tablet-size: 60px;
  --h1-tablet-line: 64px;
  --h1-tablet-letter: -2.4px;

  --h1-mobile-size: 42px;
  --h1-mobile-line: 50px;
  --h1-mobile-letter: -2.5px;

  --h2-desktop-size: 48px;
  --h2-desktop-line: 56.25px;
  --h2-desktop-letter: -1.44px;

  --h2-default-size: 40px;
  --h2-default-line: 45px;
  --h2-default-letter: -2.2px;

  --h3-desktop-size: 40px;
  --h3-desktop-line: 45px;
  --h3-desktop-letter: -1.215px;

  --h3-default-size: 36px;
  --h3-default-line: 40px;
  --h3-default-letter: -1.08px;

  --h4-size: 32px;
  --h4-line: 40px;
  --h4-letter: -1px;

  --h5-size: 24px;
  --h5-line: 32px;
  --h5-letter: -0.8px;

  --h6-size: 20px;
  --h6-line: 28px;
  --h6-letter: -0.6px;

  --body-text-size: 14px;
  --body-text-line: 28px;
  --body-text-letter: -0.14px;

  --letter-spacing-h: -2px;
  --color-bg: #0d0b1e;
  --color-text: #e5e7eb;
  --color-accent: #8b5cf6;
  --radius: 12px;
  --transition: 0.3s ease;

  --gradient-primary: linear-gradient(180deg, #7f60ff 0%, #5b43bb 100%);
  --gradient-secondary: linear-gradient(180deg, #7f60ff 0%, #4c43a9 100%);
  --gradient-white: linear-gradient(180deg, #ffffff 20%, #ffffff 0%);
  --gradient-black: linear-gradient(180deg, #222530 0%, #181825 100%);

  --button-shadow: 0px 16px 24px -8px rgba(24, 27, 37, 0.1);

  --button-radius: 12px;
  --button-border: 1px solid rgba(255, 255, 255, 0.2);

  --checkbox-size: 20px;
  --checkbox-radius: 4px;
  --checkbox-border-default: #28303b;
  --checkbox-border-hover: #7177b4;
  --checkbox-border-focus: #7f60ff;
  --checkbox-border-disabled: #222530;

  --checkbox-fill-checked: #7f60ff;
  --checkbox-fill-hover: #9875ff;
  --checkbox-fill-disabled: #222530;

  --checkbox-icon-color: #0e121b;
  --checkbox-disabled-opacity: 0.5;

  --transition-fast: 0.2s ease-out;
}