:root {
  color-scheme: light;

  /* Immutable core brand colors */
  --valais-forest: #14241f;
  --valais-parchment: #f4f0e7;
  --valais-heirloom-gold: #d5ad72;
  --valais-mineral-slate: #50615b;

  /* Canonical typography */
  --valais-font-serif: Georgia, "Times New Roman", serif;
  --valais-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --valais-type-h2-size: 4.25rem;
  --valais-type-h2-leading: 1.08;
  --valais-type-h2-tracking: 0em;
  --valais-type-h3-size: 1.55rem;
  --valais-type-h3-leading: 1.15;
  --valais-type-h3-tracking: 0em;
  --valais-type-hero-size: 3rem;
  --valais-type-hero-leading: 1.07;
  --valais-type-hero-tracking: 0em;
  --valais-type-body-size: 1.06rem;
  --valais-type-body-leading: 1.72;

  /* Canonical section rhythm */
  --valais-space-section-gap: 76px;
  --valais-space-section-block: 92px;
  --valais-space-reveal-block: 116px;

  /* Light theme */
  --valais-bg: #f4f0e7;
  --valais-surface: #fbf8f2;
  --valais-surface-alt: #e9e2d5;
  --valais-text: #14241f;
  --valais-text-muted: #42554e;
  --valais-accent: #8e5d29;
  --valais-mark: #14241f;
  --valais-mark-center: #d5ad72;
  --valais-border: rgba(20, 36, 31, 0.20);
  --valais-focus: #8e5d29;
  --valais-chamber-bg: var(--valais-forest);
  --valais-chamber-text: var(--valais-parchment);
  --valais-chamber-accent: #e0bd83;
  --valais-chamber-border: rgba(244, 240, 231, 0.18);
}

[data-theme="dark"] {
  color-scheme: dark;
  --valais-bg: #0e1916;
  --valais-surface: #15251f;
  --valais-surface-alt: #1b2e27;
  --valais-text: #f4f0e7;
  --valais-text-muted: #b8c3bd;
  --valais-accent: #e0bd83;
  --valais-mark: #f4f0e7;
  --valais-mark-center: #d5ad72;
  --valais-border: rgba(244, 240, 231, 0.18);
  --valais-focus: #e0bd83;
  --valais-chamber-bg: var(--valais-parchment);
  --valais-chamber-text: var(--valais-forest);
  --valais-chamber-accent: #8e5d29;
  --valais-chamber-border: rgba(20, 36, 31, 0.20);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --valais-bg: #0e1916;
    --valais-surface: #15251f;
    --valais-surface-alt: #1b2e27;
    --valais-text: #f4f0e7;
    --valais-text-muted: #b8c3bd;
    --valais-accent: #e0bd83;
    --valais-mark: #f4f0e7;
    --valais-mark-center: #d5ad72;
    --valais-border: rgba(244, 240, 231, 0.18);
    --valais-focus: #e0bd83;
    --valais-chamber-bg: var(--valais-parchment);
    --valais-chamber-text: var(--valais-forest);
    --valais-chamber-accent: #8e5d29;
    --valais-chamber-border: rgba(20, 36, 31, 0.20);
  }
}

@media (max-width: 940px) {
  :root {
    --valais-type-h2-size: 3.1rem;
    --valais-type-hero-size: 2.35rem;
    --valais-space-section-gap: 32px;
    --valais-space-section-block: 68px;
    --valais-space-reveal-block: 82px;
  }
}

@media (max-width: 640px) {
  :root {
    --valais-type-h2-size: clamp(2.15rem, 10vw, 2.7rem);
    --valais-type-h2-leading: 1.06;
    --valais-type-hero-size: clamp(2rem, 10vw, 2.55rem);
    --valais-type-hero-leading: 1.05;
    --valais-type-body-size: 1rem;
    --valais-type-body-leading: 1.66;
    --valais-space-section-gap: 28px;
    --valais-space-section-block: 58px;
    --valais-space-reveal-block: 68px;
  }
}

@media (max-width: 380px) {
  :root {
    --valais-type-hero-size: 1.9rem;
  }
}