:root {
  --dt-color-brand: #0b695e;
  --dt-color-brand-hover: #064c44;
  --dt-color-on-brand: #ffffff;
  --dt-color-accent: #ff2d20;
  --dt-color-background: #f0f2ed;
  --dt-color-surface: #ffffff;
  --dt-color-surface-muted: #f8fafc;
  --dt-color-text: #10120f;
  --dt-color-text-muted: #646960;
  --dt-color-border: #e2e5ea;
  --dt-color-border-strong: #cbd0d8;
  --dt-color-focus: rgb(11 105 94 / 22%);
  --dt-color-success: #16835d;
  --dt-color-warning: #b66a08;
  --dt-color-danger: #c53228;
  --dt-color-info: #2563a8;
  --dt-radius-sm: 0.5rem;
  --dt-radius-md: 0.75rem;
  --dt-radius-lg: 1rem;
  --dt-shadow-sm: 0 0.25rem 0.75rem rgb(16 18 15 / 6%);
  --dt-shadow-md: 0 1.125rem 2.75rem rgb(11 105 94 / 10%);
  --dt-font-interface: "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --dt-font-compact: Manrope, ui-sans-serif, system-ui, sans-serif;
  --dt-font-editorial: "DM Serif Display", Georgia, serif;
  --dt-control-height: 2.75rem;
  --dt-control-height-sm: 2.25rem;
  --dt-control-height-lg: 3rem;
  --dt-space-panel: 1.5rem;
  color-scheme: light;
}

[data-theme='dark'] {
  --dt-color-background: #111713;
  --dt-color-surface: #181f1a;
  --dt-color-surface-muted: #202922;
  --dt-color-text: #f2f5f0;
  --dt-color-text-muted: #a9b2a9;
  --dt-color-border: #303b33;
  --dt-color-border-strong: #48554b;
  --dt-color-brand: #79c8bb;
  --dt-color-brand-hover: #9bd8cf;
  --dt-color-on-brand: #10201c;
  --dt-color-focus: rgb(121 200 187 / 28%);
  color-scheme: dark;
}

[data-density='compact'] {
  --dt-control-height: 2.25rem;
  --dt-control-height-sm: 1.875rem;
  --dt-control-height-lg: 2.625rem;
  --dt-space-panel: 1rem;
}