/* Shared design tokens. Edit this palette to update every public page. */
:root {
  color-scheme: light;
  --site-bg: #faf8f5;
  --site-surface: #ffffff;
  --site-surface-soft: #f0eae4;
  --site-surface-hover: #f4eeea;
  --site-field-bg: #fdfcfb;
  --site-brand: #510c0c;
  --site-brand-hover: #350707;
  --site-brand-soft: #f5edeb;
  --site-text: #292525;
  --site-text-muted: #615a58;
  --site-on-brand: #ffffff;
  --site-border: #ded6d1;
  --site-field-border: #d8d0cb;
  --site-focus: #005fcc;
  --site-radius: 12px;
  --site-shadow: 0 10px 30px rgb(51 20 10 / 6%);
  --site-focus-ring: 0 0 0 3px rgb(81 12 12 / 12%);
}
@supports (color: color-mix(in srgb, black, white)) {
  :root { --site-focus-ring: 0 0 0 3px color-mix(in srgb, var(--site-brand) 12%, transparent); }
}