:root {
  --site-page-bg: #ffffff;
  --site-surface-bg: #f8fafc;
  --site-surface-alt-bg: #f1f5f9;
  --site-text: #0f172a;
  --site-heading-text: #092933;
  --site-muted-text: #64748b;
  --site-link: #990000;
  --site-link-hover: #730000;
  --site-accent: #990000;
  --site-accent-text: #ffffff;
  --site-border: #e2e8f0;
  --site-header-bg: #ffffff;
  --site-header-text: #092933;
  --site-footer-bg: #092933;
  --site-footer-text: #cbd5e1;
  --site-button-bg: #990000;
  --site-button-text: #ffffff;
  --site-input-bg: #ffffff;
  --site-input-border: #cbd5e1;
  --site-heading-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --site-body-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --site-base-font-size: 16px;
  --site-heading-scale: 1.25;
  --site-heading-weight: 700;
  --site-line-height: 1.6;
  --site-heading-line-height: 1.2;
  --site-heading-letter-spacing: 0em;
  --site-container-max-width: 1200px;
  --site-section-padding-y: 64px;
  --site-section-padding-x: 24px;
  --site-gutter: 24px;
  --site-header-height: 64px;
  --site-radius: 8px;
  --site-radius-lg: 16px;
  --site-button-radius: 6px;
  --site-button-px: 20px;
  --site-button-py: 10px;
  --site-image-radius: 8px;
  --site-image-overlay-opacity: 0%;
}
html.dark {
  --site-page-bg: #0f172a;
  --site-surface-bg: #1e293b;
  --site-surface-alt-bg: #273449;
  --site-text: #e2e8f0;
  --site-heading-text: #f8fafc;
  --site-muted-text: #94a3b8;
  --site-link: #60a5fa;
  --site-link-hover: #93c5fd;
  --site-accent: #60a5fa;
  --site-accent-text: #0f172a;
  --site-border: #334155;
  --site-header-bg: #0f172a;
  --site-header-text: #f8fafc;
  --site-footer-bg: #020617;
  --site-footer-text: #94a3b8;
  --site-button-bg: #60a5fa;
  --site-button-text: #0f172a;
  --site-input-bg: #1e293b;
  --site-input-border: #475569;
}