[data-theme="midnight"] {
  --color-background: #0f1724;
  --color-surface: #182538;
  --color-text: #fff4dc;
  --color-muted: #d3c5a8;
  --color-copy: #e2d7c2;
  --color-border: #627a99;
  --color-inverse-text: #0f1724;
  --color-nav-active-bg: #334e70;
  --font-family-base: Georgia, "Times New Roman", serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-small: 0.8125rem;
  --font-size-body: 1.0625rem;
  --font-size-lead: 1.25rem;
  --font-size-heading: clamp(2.5rem, 8vw, 6rem);
  --font-size-heading-2: clamp(1.75rem, 4vw, 3rem);
  --font-size-heading-3: clamp(1.25rem, 2.5vw, 1.75rem);
  --line-height-body: 1.65;
  --line-height-heading: 0.95;
  --letter-spacing-brand: 0.02em;
  --letter-spacing-heading: -0.025em;
  --letter-spacing-label: 0.12em;
  --content-max-width: 68rem;
  --page-gutter: clamp(1rem, 5vw, 3rem);
  --section-space: clamp(4rem, 10vw, 8rem);
  --header-block-padding: 1.5rem;
  --border-width: 2px;
  --radius-small: 0.75rem;
  --brand-gap: 1rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
  --measure-heading: 18ch;
  --measure-copy: 64ch;
  --control-min-height: 3rem;
  --focus-ring-width: 3px;
  --focus-ring-offset: 4px;
  --radius-medium: 1.25rem;
  --shadow-inset-border: inset 0 0 0 var(--border-width) var(--color-border);
  --shadow-small: 0 1rem 2.5rem var(--color-border);
  --nav-gap: 0.5rem;
  --nav-padding-block: 0.625rem;
  --nav-padding-inline: 1rem;
  --nav-font-size: 0.9375rem;
  --nav-font-weight: 700;
}