:root {
  --color-primary-600: #ff0a71;
  --color-primary-50: #ffeef5;

  --color-secondary-600: #179ee3;
  --color-secondary-50: #f2fbff;

  --color-tertiary-600: #ffc824;
  --color-tertiary-50: #fffbee;

  --color-success-600: #2b9848;
  --color-success-50: #effff3;

  --color-alert-600: #e02424;
  --color-alert-50: #fdf2f2;

  --color-neutral-0:   #ffffff;
  --color-neutral-100: #f4f6f8;
  --color-neutral-200: #dee2e6;
  --color-neutral-400: #929ba3;
  --color-neutral-500: #6b7884;
  --color-neutral-600: #546576;
  --color-neutral-900: #11273b;

  --color-bg-primary:           #ffffff;
  --color-bg-disabled:          #f5f5f5;
  --color-border-primary:       #d5d7da;
  --color-border-disabled:      #e9eaeb;
  --color-text-primary:         var(--color-neutral-900);
  --color-text-secondary:       var(--color-neutral-500);
  --color-text-disabled:        var(--color-neutral-400);
  --color-text-on-primary:      #ffffff;
  --color-fg-white:             #ffffff;

  --space-xxs: 2px;
  --space-xs:  4px;
  --space-sm:  6px;
  --space-md:  8px;
  --space-lg:  16px;
  --space-xl:  20px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui:   'Inter',   system-ui, -apple-system, 'Segoe UI', sans-serif;

  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;

  --text-xs-size:    12px;
  --text-xs-line:    16.8px;
  --text-sm-size:    14px;
  --text-sm-line:    20px;
  --text-md-size:    16px;
  --text-md-line:    24px;
  --text-h2-size:    28px;
  --text-h2-line:    33.6px;

  --shadow-xs: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(10, 13, 18, 0.1),
               0 1px 2px -1px rgba(10, 13, 18, 0.1);

  --overlay-soft-3: rgba(17, 39, 59, 0.03);
}