html:root {
  --denote-radius: 0;
  --denote-radius-lg: 0;
  --denote-radius-xl: 0;
  --denote-primary: #e07b39;
  --denote-primary-hover: color-mix(in srgb, #e07b39 85%, black);
  --denote-primary-subtle: color-mix(in srgb, #e07b39 12%, white);
  --denote-primary-text: #e07b39;
  --denote-shadow-primary: color-mix(in srgb, #e07b39 25%, transparent);
  --denote-bg: #0c0c0b;
  --denote-bg-secondary: #141412;
  --denote-bg-tertiary: color-mix(in srgb, #141412 80%, #0c0c0b);
  --denote-text: #edeae4;
  --denote-text-secondary: color-mix(in srgb, #edeae4 70%, #0c0c0b);
  --denote-text-muted: color-mix(in srgb, #edeae4 45%, #0c0c0b);
  --denote-border: #232320;
  --denote-border-strong: color-mix(in srgb, #232320 80%, #edeae4);
  --denote-surface-overlay: color-mix(in srgb, #0c0c0b 80%, transparent);
}
html:root.dark {
  --denote-primary: color-mix(in srgb, #e07b39 70%, white);
  --denote-primary-hover: color-mix(in srgb, color-mix(in srgb, #e07b39 70%, white) 80%, white);
  --denote-primary-subtle: color-mix(in srgb, color-mix(in srgb, #e07b39 70%, white) 30%, black);
  --denote-primary-text: color-mix(in srgb, #e07b39 70%, white);
  --denote-shadow-primary: color-mix(in srgb, color-mix(in srgb, #e07b39 70%, white) 15%, transparent);
}