/* Shared by the website and the WordPress content editor. */
:root {
  color-scheme: dark;
  --surface: #1b1d20;
  --surface-raised: #222326;
  --surface-hover: #292b2f;
  --on-accent: #151515;
  --logo-surface: #eee9e0;
  --footer-surface: #0b0d0f;
  --warm-border: #72503c;
  --surface-gradient: linear-gradient(135deg, var(--surface-raised), var(--surface));
  --warm-gradient: linear-gradient(120deg, #29201a, var(--surface));
  --site-background: radial-gradient(ellipse 70% 850px at 95% 0%, #3e241b55, transparent 75%), var(--paper);
  --paper: #111315;
  --white: var(--surface);
  --ink: #f5f1e9;
  --muted: #c8c6c0;
  --line: #3b3c40;
  --orange: #ff8248;
  --orange-dark: #ff9869;
  --pale: #2c211c;
  --card-bg: #17191c;
  --card-text: #f5f1e9;
  --card-muted: #cfcbc3;
  --card-border: #414147;
  --radius: 12px;
  --max: 1256px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-values: var(--font);
  --text-xs: .8125rem; /* 13px: small supplementary labels */
  --text-sm: 1rem; /* 16px: buttons, menus and card descriptions */
  --text-base: 1.125rem; /* 18px: body copy */
  --text-lg: 1.25rem;
  --heading-sm: 1.5rem;
  --heading-md: 2.125rem;
  --heading-lg: 2.75rem;
  --hero-title-size: clamp(2.5rem, 4.2vw, 3.75rem);
  --page-title-size: clamp(2.625rem, 5.3vw, 4.5rem);
  --reference-size: clamp(2.25rem, 5vw, 3.25rem);
  --quote-size: 1.75rem;
  --brand-size: 1.8125rem;
  --weight-body: 400;
  --weight-ui: 600;
  --weight-heading: 600;
  --weight-strong: 700;
}
@media (max-width: 1100px) {
  :root { --brand-size: 1.625rem; --hero-title-size: 2.25rem; }
}
@media (max-width: 640px) {
  :root {
    --heading-md: 2rem;
    --heading-lg: 2.25rem;
    --hero-title-size: 2.25rem;
    --quote-size: 1.5rem;
    --brand-size: 1.375rem;
  }
}