:root {
  color-scheme: light;
  --color-canvas: #e7d6b3;
  --color-paper: #f2e5c8;
  --color-parchment-deep: #dec69e;
  --color-ink: #24150f;
  --color-muted: #675549;
  --color-line: #b6946d;
  --color-teak: #4b281c;
  --color-teak-deep: #241611;
  --color-chili: #a83227;
  --color-chili-dark: #762018;
  --color-saffron: #d89a1c;
  --color-indigo: #283a57;
  --color-peacock: #176b67;
  --color-gulal: #c84f70;
  --color-focus: #005ea8;
  --color-error: #9d211b;
  --color-success: #2e6548;
  --color-olive: var(--color-peacock);
  --shadow-lift: 0 1.25rem 3rem rgb(36 22 17 / 16%);
  --shadow-inset: inset 0 0 0 1px rgb(242 229 200 / 14%);
  --radius-soft: 0.35rem;
  --ornament-drift: 78s;
  --ornament-turn: 112s;
  --font-display: "Newsreader", Georgia, serif;
  --font-text: "Manrope", "Segoe UI", sans-serif;
  --content-max: 80rem;
  --media-max: 90rem;
  --reading-max: 42rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 9rem;
  --duration-fast: 140ms;
  --duration-base: 220ms;
  --duration-reveal: 360ms;
}