:root {
  --brand: #0f857b;
  --brand-accent: #0f857b;
  --v2-accent: #0f857b;
  --accent-strong: #0f857b;
  --brand-faint: color-mix(in srgb, var(--brand) 8%, var(--surface));
  --brand-border: color-mix(in srgb, var(--brand) 25%, var(--border));
  --primary: #0f857b;
  --primary-hover: color-mix(in srgb, #0f857b 86%, #000000);
  --primary-active: color-mix(in srgb, #0f857b 74%, #000000);
  --primary-subtle: color-mix(in srgb, #0f857b 8%, #ffffff);
  --primary-subtle-foreground: color-mix(in srgb, #0f857b 70%, #000000);
  --primary-subtle-border: color-mix(in srgb, #0f857b 30%, #ffffff);
  --primary-foreground: #ffffff;
  --v2-site-header-bg: #74d6de;
  --v2-site-header-fg: #111827;
  --v2-site-header-muted: color-mix(in srgb, #111827 78%, #74d6de);
  --v2-site-header-border: transparent;
  --v2-site-page-bg: #eef5f8;
  --v2-site-button-bg: #0c877e;
  --v2-site-button-hover: color-mix(in srgb, #0c877e 86%, #000000);
  --v2-site-button-fg: #ffffff;
}