:root {
  --color-primary-50: #EEFBFB;
  --color-primary-100: #D6F5F5;
  --color-primary-200: #A9E8EA;
  --color-primary-400: #3DB6BB;
  --color-primary-600: #148B90;
  --color-primary-700: #0E6F74;
  --color-primary-800: #0A5458;

  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #F7F9FA;
  --color-neutral-100: #EEF1F4;
  --color-neutral-200: #E2E6EC;
  --color-neutral-300: #CAD1DA;
  --color-neutral-400: #9AA3B2;
  --color-neutral-500: #6B7280;
  --color-neutral-600: #4B5563;
  --color-neutral-700: #384150;
  --color-neutral-800: #24303F;
  --color-neutral-900: #101828;

  --color-success-50: #E6F7EE;
  --color-success-500: #1FA663;
  --color-success-600: #178A52;
  --color-success-700: #115F39;

  --color-warning-50: #FFF7E0;
  --color-warning-500: #E0A100;
  --color-warning-600: #B88300;
  --color-warning-700: #7A5600;

  --color-danger-50: #FCEAEA;
  --color-danger-500: #D85050;
  --color-danger-600: #C63E3E;
  --color-danger-700: #8A2828;

  --color-info-50: #EAF2FD;
  --color-info-500: #3D7CE8;
  --color-info-600: #2A5ECC;
  --color-info-700: #1A3E8C;

  --color-violet-50: #F3F0FF;
  --color-violet-100: #E9E2FF;
  --color-violet-200: #D4C7FF;
  --color-violet-400: #9B7BFF;
  --color-violet-500: #7C5CFC;
  --color-violet-600: #6D4DE0;
  --color-violet-700: #5239A8;
  --color-violet-900: #3A2680;

  --color-teal-50: #EFFCFC;
  --color-teal-100: #D4F5F5;
  --color-teal-200: #A9ECEC;
  --color-teal-400: #3DCCD0;
  --color-teal-500: #1AAFAE;
  --color-teal-600: #148B90;
  --color-teal-700: #0E6F74;
  --color-teal-900: #084D50;

  --color-rose-50: #FFF1F2;
  --color-rose-100: #FFE0E3;
  --color-rose-200: #FFC8CC;
  --color-rose-400: #FB7185;
  --color-rose-500: #F43F5E;
  --color-rose-600: #E11D48;
  --color-rose-700: #BE123C;
  --color-rose-900: #881337;

  --type-display-size: 2.25rem;
  --type-display-lh: 2.75rem;
  --type-display-weight: 700;
  --type-display-tracking: -0.02em;

  --type-h1-size: 1.875rem;
  --type-h1-lh: 2.375rem;
  --type-h1-weight: 700;
  --type-h1-tracking: -0.015em;

  --type-h2-size: 1.5rem;
  --type-h2-lh: 2rem;
  --type-h2-weight: 600;
  --type-h2-tracking: -0.01em;

  --type-h3-size: 1.25rem;
  --type-h3-lh: 1.75rem;
  --type-h3-weight: 600;
  --type-h3-tracking: 0;

  --type-body-size: 0.9375rem;
  --type-body-lh: 1.5rem;
  --type-body-weight: 400;
  --type-body-tracking: 0;

  --type-small-size: 0.8125rem;
  --type-small-lh: 1.125rem;
  --type-small-weight: 400;
  --type-small-tracking: 0;

  --type-label-size: 0.8125rem;
  --type-label-lh: 1.125rem;
  --type-label-weight: 500;
  --type-label-tracking: 0.005em;

  --type-numeric-size: inherit;
  --type-numeric-lh: inherit;
  --type-numeric-weight: inherit;
  --type-numeric-tracking: inherit;

  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 4px 10px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 8px 24px rgba(16, 24, 40, 0.08);
  --shadow-xl: 0 20px 48px rgba(16, 24, 40, 0.14);

  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;

  --focus-ring-width: 3px;
  --focus-ring-color: color-mix(in oklab, var(--color-primary-400) 55%, white);
  --focus-ring-offset: 2px;

  --motion-fast: 120ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-base: 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-slow: 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
}