html:root {
  --denote-radius: 0;
  --denote-radius-lg: 0;
  --denote-radius-xl: 0;
  --denote-primary: #b45309;
  --denote-primary-hover: color-mix(in srgb, #b45309 85%, black);
  --denote-primary-subtle: color-mix(in srgb, #b45309 12%, white);
  --denote-primary-text: #b45309;
  --denote-shadow-primary: color-mix(in srgb, #b45309 25%, transparent);
  --denote-bg: #faf7f2;
  --denote-bg-secondary: #f0e9dd;
  --denote-bg-tertiary: color-mix(in srgb, #f0e9dd 80%, #faf7f2);
  --denote-text: #1c1008;
  --denote-text-secondary: color-mix(in srgb, #1c1008 70%, #faf7f2);
  --denote-text-muted: color-mix(in srgb, #1c1008 45%, #faf7f2);
  --denote-border: #d4c0a0;
  --denote-border-strong: color-mix(in srgb, #d4c0a0 80%, #1c1008);
  --denote-surface-overlay: color-mix(in srgb, #faf7f2 80%, transparent);
  --denote-font-heading: Georgia, "Times New Roman", serif;
}
html:root.dark {
  --denote-primary: #f59e0b;
  --denote-primary-hover: color-mix(in srgb, #f59e0b 80%, white);
  --denote-primary-subtle: color-mix(in srgb, #f59e0b 30%, black);
  --denote-primary-text: #f59e0b;
  --denote-shadow-primary: color-mix(in srgb, #f59e0b 15%, transparent);
  --denote-bg: #0f0d0a;
  --denote-surface-overlay: color-mix(in srgb, #0f0d0a 80%, transparent);
  --denote-bg-secondary: #1c1712;
  --denote-bg-tertiary: color-mix(in srgb, #1c1712, #f0e9dd 15%);
  --denote-text: #f0e9dd;
  --denote-text-secondary: color-mix(in srgb, #f0e9dd 65%, #0f0d0a);
  --denote-text-muted: color-mix(in srgb, #f0e9dd 40%, #0f0d0a);
  --denote-border: #3a2f22;
  --denote-border-strong: color-mix(in srgb, #3a2f22 70%, #f0e9dd);
}