:root {
  --color-primary: #c62828;
  --color-primary-hover: #a92121;
  --color-primary-soft: #fff1f1;
  --color-text: #252525;
  --color-text-secondary: #626262;
  --color-background: #f5f5f4;
  --color-surface: #ffffff;
  --color-border: #d7d7d4;
  --color-border-strong: #a9a9a5;
  --color-success: #2e6b3e;
  --color-success-soft: #edf7ef;
  --color-warning: #9a6700;
  --color-warning-soft: #fff7df;
  --color-error: #a5261f;
  --color-error-soft: #fff0ef;
  --color-information: #245b78;
  --color-information-soft: #eef7fb;
  --color-disabled: #ececea;
  --color-disabled-text: #777773;
  --color-focus: #1469a0;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-small: 0.375rem;
  --radius-medium: 0.75rem;
  --radius-large: 1.125rem;
  --shadow-surface: 0 0.75rem 2.25rem rgb(30 30 30 / 7%);
  --shadow-focus: 0 0 0 0.2rem rgb(20 105 160 / 28%);

  --width-content: 74rem;
  --width-reading: 46rem;
  --width-form: 40rem;

  --font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-small: 0.875rem;
  --font-size-body: 1rem;
  --font-size-lead: clamp(1.0625rem, 2vw, 1.25rem);
  --font-size-h3: clamp(1.125rem, 2vw, 1.35rem);
  --font-size-h2: clamp(1.5rem, 3vw, 2rem);
  --font-size-h1: clamp(2rem, 7vw, 4rem);
  --line-height-body: 1.6;
  --line-height-heading: 1.15;
  --transition-fast: 150ms ease;
}