:root {
  --color-background: #f4efe7;
  --color-background-alt: #e8ddcd;
  --color-surface: #fbf9f5;
  --color-surface-muted: #eee9e1;
  --color-dark: #272522;
  --color-dark-soft: #3b342e;
  --color-text: #272522;
  --color-text-muted: #6e6962;
  --color-gold: #ad8150;
  --color-gold-light: #d9b47f;
  --color-border: #d8cec0;
  --color-success: #5e7867;
  --color-warning: #a7773c;
  --color-danger: #9e5a50;
  --color-code-background: #292622;
  --color-code-text: #f6efe5;

  --font-sans: "Inter", "Manrope", Arial, sans-serif;
  --font-editorial: "Cormorant Garamond", Georgia, serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;
  --font-family-base: var(--font-sans);

  --font-size-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.84rem);
  --font-size-sm: clamp(0.875rem, 0.84rem + 0.18vw, 0.98rem);
  --font-size-md: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
  --font-size-lg: clamp(1.125rem, 1.04rem + 0.42vw, 1.375rem);
  --font-size-xl: clamp(1.35rem, 1.16rem + 0.95vw, 1.9rem);
  --font-size-2xl: clamp(1.75rem, 1.38rem + 1.85vw, 2.85rem);
  --font-size-3xl: clamp(2.35rem, 1.74rem + 3.05vw, 4.15rem);

  --line-height-tight: 1.08;
  --line-height-heading: 1.16;
  --line-height-body: 1.7;
  --letter-spacing-wide: 0.06em;

  --space-2xs: clamp(0.25rem, 0.23rem + 0.1vw, 0.3125rem);
  --space-xs: clamp(0.5rem, 0.46rem + 0.2vw, 0.625rem);
  --space-sm: clamp(0.75rem, 0.68rem + 0.35vw, 0.95rem);
  --space-md: clamp(1rem, 0.88rem + 0.6vw, 1.35rem);
  --space-lg: clamp(1.5rem, 1.28rem + 1.1vw, 2.15rem);
  --space-xl: clamp(2rem, 1.62rem + 1.9vw, 3.15rem);
  --space-2xl: clamp(3rem, 2.26rem + 3.7vw, 5.2rem);
  --space-3xl: clamp(4rem, 2.82rem + 5.9vw, 7.5rem);

  --max-width-page: 1440px;
  --max-width-content: 900px;
  --max-width-reading: 68ch;

  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgb(39 37 34 / 0.08);
  --shadow-md: 0 12px 30px rgb(39 37 34 / 0.12);
  --shadow-lg: 0 24px 60px rgb(39 37 34 / 0.16);

  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
  --transition-slow: 360ms ease;

  --z-index-base: 0;
  --z-index-header: 20;
  --z-index-sidebar: 30;
  --z-index-overlay: 40;
  --z-index-modal: 50;
  --z-index-toast: 60;

  --header-height: 4.875rem;
  --sidebar-width: 15rem;
}