:root {
  --brand: #0f6b6e;
  --brand-rgb: 15, 107, 110;
  --brand-hover: #0d5e61;
  --brand-dark: #0a4648;
  --brand-soft: #22777a;
  --accent: #2f8f8f;
  --accent-rgb: 47, 143, 143;
  --tint-1: #e7f0f1;
  --tint-2: #cfe1e2;
  --tint-3: #ddeaeb;
  --tint-4: #f1f6f6;
  --tint-5: #f7fafa;
  --tint-6: #ecf3f3;
  --tint-line: #93bcbe;
}
html[data-theme="dark"] {
  --d-green: #53c7ca;
  --d-green-rgb: 83, 199, 202;
  --d-green-2: #259498;
  --d-topbar: #0f4647;
  --d-brand-line: #206769;
  --d-tint-1: #1b2e2f;
  --d-tint-2: #1d393a;
}