:root {
  --grey-100: #f9f9f9;
  --grey-200: #f2f2f2;
  --grey-300: #d3d3d3;
  --grey-400: #b4b4b4;
  --grey-500: #959595;
  --grey-600: #767676;
  --grey-700: #575757;
  --grey-800: #383838;
  --grey-900: #191919;

  --teal-50: #e6f4f2;
  --teal-100: #b3ddd9;
  --teal-200: #80c6c0;
  --teal-300: #4dafa6;
  --teal-400: #1a988d;
  --teal-500: #007d73;
  --teal-600: #006b63;
  --teal-700: #005852;
  --teal-vibrant: #88f9d1;
  --teal-600-overlay: rgba(0, 107, 99, 0.8);

  --red-50: #fbede9;
  --red-100: #f3c9bd;
  --red-200: #eba493;
  --red-300: #e37f68;
  --red-400: #dd6548;
  --red-500: #d74b28;
  --red-vibrant: #ff8b6b;

  --orange-50: #fff4e0;
  --orange-100: #ffe0a6;
  --orange-200: #ffcb6b;
  --orange-300: #ffb631;
  --orange-400: #f9a30f;
  --orange-500: #f09100;
  --orange-vibrant: #ffc857;

  --purple-50: #f0edf3;
  --purple-100: #d0c7d8;
  --purple-200: #b1a2be;
  --purple-300: #927da4;
  --purple-400: #6f5a84;
  --purple-500: #4b2d61;
  --purple-vibrant: #b08dff;

  --magenta-50: #f7e7f0;
  --magenta-100: #e8b7d5;
  --magenta-200: #d987ba;
  --magenta-300: #ca579f;
  --magenta-400: #bc3488;
  --magenta-500: #aa1973;
  --magenta-vibrant: #ff6cc8;

  --color-primary: var(--teal-500);
  --color-success: var(--teal-500);
  --color-error: var(--red-500);
  --color-warning: var(--orange-500);
  --color-info: var(--purple-500);
  --color-accent: var(--magenta-500);

  --color-text: var(--grey-900);
  --color-text-muted: var(--grey-600);

  --spacing-1: 2px;
  --spacing-2: 4px;
  --spacing-3: 8px;
  --spacing-4: 12px;
  --spacing-5: 16px;
  --spacing-6: 24px;
  --spacing-7: 32px;
  --spacing-8: 40px;
  --spacing-9: 48px;
  --spacing-10: 56px;
  --spacing-11: 64px;
  --spacing-12: 72px;
  --spacing-13: 80px;
  --spacing-14: 88px;
  --spacing-15: 96px;

  --header-height: 170px;
  --max-width: 1280px;

  --font-heading: "Playfair Display", serif;
  --font-body: "Inter", system-ui, sans-serif;
}