html:root {
  --denote-radius: 0.75rem;
  --denote-radius-lg: 1rem;
  --denote-radius-xl: 1.25rem;
  --denote-primary: #2d5016;
  --denote-primary-hover: color-mix(in srgb, #2d5016 85%, black);
  --denote-primary-subtle: color-mix(in srgb, #2d5016 12%, white);
  --denote-primary-text: #2d5016;
  --denote-shadow-primary: color-mix(in srgb, #2d5016 25%, transparent);
  --denote-accent: #b8860b;
  --denote-bg: #faf6f1;
  --denote-bg-secondary: #f0ebe4;
  --denote-bg-tertiary: color-mix(in srgb, #f0ebe4 80%, #faf6f1);
  --denote-text: #2c2c2c;
  --denote-text-secondary: color-mix(in srgb, #2c2c2c 70%, #faf6f1);
  --denote-text-muted: color-mix(in srgb, #2c2c2c 45%, #faf6f1);
  --denote-border: #d4cec6;
  --denote-border-strong: color-mix(in srgb, #d4cec6 80%, #2c2c2c);
  --denote-surface-overlay: color-mix(in srgb, #faf6f1 80%, transparent);
  --denote-font-body: "Source Sans 3", system-ui, sans-serif;
  --denote-font-heading: "Newsreader", Georgia, serif;
}
html:root.dark {
  --denote-primary: #4a9e6a;
  --denote-primary-hover: color-mix(in srgb, #4a9e6a 80%, white);
  --denote-primary-subtle: color-mix(in srgb, #4a9e6a 30%, black);
  --denote-primary-text: #4a9e6a;
  --denote-shadow-primary: color-mix(in srgb, #4a9e6a 15%, transparent);
  --denote-accent: #e9b84e;
  --denote-bg: #0d1117;
  --denote-surface-overlay: color-mix(in srgb, #0d1117 80%, transparent);
  --denote-bg-secondary: #1c2333;
  --denote-bg-tertiary: color-mix(in srgb, #1c2333, #e6edf3 15%);
  --denote-text: #e6edf3;
  --denote-text-secondary: color-mix(in srgb, #e6edf3 65%, #0d1117);
  --denote-text-muted: color-mix(in srgb, #e6edf3 40%, #0d1117);
  --denote-border: #30363d;
  --denote-border-strong: color-mix(in srgb, #30363d 70%, #e6edf3);
}