:root {
  --color-teal-50: #e0f8fa;
  --color-teal-100: #b9f0f4;
  --color-teal-200: #58dbe5;
  --color-teal-300: #1eb3bd;
  --color-teal-400: #157d85;
  --color-teal-500: #13747b;
  --color-teal-600: #11686e;
  --color-teal-700: #0f575c;
  --color-teal-800: #0d4f54;
  --color-teal-900: #093639;
  --color-teal-950: #051d1f;

  --dp-header-height: 140px;
  --dp-header-bg: var(--color-teal-400);
  --dp-header-bg-elevated: var(--color-teal-700);
  --dp-header-border: transparent;
  --dp-header-fg: white;
}