:root {
  color-scheme: light dark;
  --urd-color-bg: #faf5f6;
  --urd-base-bg: #faf5f6;
  --urd-color-surface: #ffffff;
  --urd-base-surface: #ffffff;
  --urd-color-text: #241a1d;
  --urd-base-text: #241a1d;
  --urd-color-accent: #a41034;
  --urd-base-accent: #a41034;
  --urd-color-accent-text: #ffffff;
  --urd-base-accent-text: #ffffff;
  --urd-font-heading: 'Courier New', monospace;
  --urd-font-body: Georgia, 'Times New Roman', serif;
  --urd-radius-sm: 5px;
  --urd-radius-md: 10px;
  --urd-space-section: clamp(3rem, 8vw, 6rem);
}
@supports (color: light-dark(#000, #fff)) {
  :root {
    --urd-color-bg: light-dark(#faf5f6, #171015);
    --urd-base-bg: light-dark(#faf5f6, #171015);
    --urd-color-surface: light-dark(#ffffff, #22181c);
    --urd-base-surface: light-dark(#ffffff, #22181c);
    --urd-color-text: light-dark(#241a1d, #f1e6ea);
    --urd-base-text: light-dark(#241a1d, #f1e6ea);
    --urd-color-accent: light-dark(#a41034, #b81944);
    --urd-base-accent: light-dark(#a41034, #b81944);
    --urd-color-accent-text: light-dark(#ffffff, #2a0f18);
    --urd-base-accent-text: light-dark(#ffffff, #2a0f18);
  }
  :root[data-urd-theme="light"] { color-scheme: light; }
  :root[data-urd-theme="dark"] { color-scheme: dark; }
}