:root {
  --color-primary: #0866FF;
  --color-accent: #1877F2;
  --color-gradient-start: #0062E3;
  --color-gradient-end: #1877F2;
  --color-success: #42B72A;
  --color-text-main: #292929;
  --color-text-muted: #646464;
  --color-white: #ffffff;
  --color-base-light: #F6F6F6;
  --color-bg-button: var(--color-base-light);
  --color-bg-gray: #eee;
  --color-border: #B7B7B7;
  --color-border-alt: #CBCBCB;
  --color-border-gray: #E8E8E8;
  --color-border-light: #ebebeb;
  --color-accent-rgb: 24, 119, 242;
  --color-main-rgb: 41, 41, 41;

  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --layout-margin: var(--spacing-xxs);

  --fw-regular: 400;
  --fw-bold: 600;

  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-xl: 24px;
}