:root {
  --c-primary: #3e2723;
  --c-secondary: #8d6e63;
  --c-bg: #fdfbf7;
  --c-bg-alt: #f3ede6;
  --c-surface: #ffffff;
  --c-text: #1f1a17;
  --c-text-inverse: #fdfbf7;
  --c-border: #e5dcd3;
  --c-success: #4f8a4a;
  --c-danger: #c44343;

  --ff-display: 'Playfair Display', Georgia, serif;
  --ff-base: 'Source Sans 3', Georgia, sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: clamp(2rem, 4vw, 2.75rem);

  --lh-tight: 1.2;
  --lh-base: 1.5;

  --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;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  --shadow-sm: 0 1px 2px rgba(31, 26, 23, 0.06);
  --shadow-md: 0 8px 24px rgba(31, 26, 23, 0.12);

  --container: 72rem;
  --header-h: 4.25rem;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  --z-header: 40;
  --z-drawer: 50;
  --z-progress: 60;
  --ease: 180ms ease;
}