:root {
  --color-primary: #111111;
  --color-primary-hover: #2b2b2b;
  --color-primary-active: #000000;
  --color-secondary: #f2f2f2;
  --color-highlight: #7a3038;
  --color-accent: #b28b51;
  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-deep: #f3f3f3;
  --color-text: #111111;
  --color-text-muted: #5f5f5f;
  --color-border: #d8d8d8;
  --color-white: #ffffff;
  --color-success: #356447;
  --color-success-bg: #e7f0e8;
  --color-warning: #815a18;
  --color-warning-bg: #f7edda;
  --color-error: #a12c2c;
  --color-error-bg: #f8e7e5;
  --color-focus: #2d608a;

  --font-display: "Lora", Georgia, serif;
  --font-body: "Be Vietnam Pro", "Segoe UI", Arial, sans-serif;

  --font-size-100: 0.75rem;
  --font-size-200: 0.875rem;
  --font-size-300: 1rem;
  --font-size-400: 1.125rem;
  --font-size-500: clamp(1.25rem, 1.8vw, 1.5rem);
  --font-size-600: clamp(1.75rem, 3vw, 2.5rem);
  --font-size-700: clamp(2.25rem, 5vw, 4.5rem);
  --font-size-800: clamp(3rem, 6.7vw, 6.4rem);

  --line-height-tight: 0.98;
  --line-height-heading: 1.08;
  --line-height-body: 1.65;
  --letter-spacing-label: 0.14em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --section-space: clamp(5rem, 10vw, 9rem);
  --container-max: 90rem;
  --container-gutter: clamp(1.25rem, 4vw, 4rem);

  --radius-small: 0.125rem;
  --radius-medium: 0.25rem;
  --shadow-focus: 0 0 0 3px rgba(45, 96, 138, 0.26);
  --transition-fast: 160ms ease;
  --transition-base: 260ms ease;
  --announcement-height: 2.25rem;
  --header-height: 5.5rem;
}

@media (max-width: 767px) {
  :root {
    --announcement-height: 2.75rem;
    --header-height: 4.5rem;
    --section-space: 4.75rem;
  }
}