@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  /* colors */
  --stone-950:#211d17;--stone-800:#37312a;--stone-600:#6b6152;--stone-400:#a89d89;--stone-300:#cfc4ac;--stone-150:#e7dfcd;--stone-100:#efe8d9;--stone-50:#f9f6ee;--white:#ffffff;
  --wood-700:#7c5f3d;--wood-600:#9c7b4f;--wood-400:#c6a374;
  --green-800:#33422f;--green-700:#4a5d43;--green-600:#647a5b;--green-100:#dce4d6;
  --terracotta-600:#a1502f;--terracotta-500:#b4633f;--terracotta-100:#f0dccf;
  --bg-page:var(--stone-50);--bg-surface:var(--white);--bg-inverse:var(--stone-950);--bg-muted:var(--stone-100);
  --text-primary:var(--stone-950);--text-secondary:var(--stone-600);--text-inverse:var(--stone-50);--text-on-accent:var(--stone-50);
  --border-subtle:var(--stone-150);--border-default:var(--stone-300);--border-strong:var(--stone-800);
  --accent-primary:var(--green-700);--accent-primary-hover:var(--green-800);--accent-primary-active:var(--green-800);
  --accent-secondary:var(--wood-600);--accent-secondary-hover:var(--wood-700);
  --accent-cta:var(--terracotta-600);--accent-cta-hover:var(--terracotta-600);
  --focus-ring:var(--wood-600);

  /* typography */
  --font-serif-display:'Newsreader',Georgia,serif;
  --font-sans:'Manrope',-apple-system,sans-serif;
  --text-display-xl:clamp(2.6rem,5vw,4.5rem);--text-display-lg:clamp(2.2rem,3.6vw,3.4rem);
  --text-h1:2.25rem;--text-h2:1.75rem;--text-h3:1.375rem;--text-h4:1.125rem;
  --text-body-lg:1.125rem;--text-body:1rem;--text-small:0.875rem;--text-caption:0.75rem;
  --lh-tight:1.08;--lh-snug:1.25;--lh-normal:1.55;--lh-relaxed:1.7;
  --tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.06em;--tracking-widest:0.14em;
  --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

  /* spacing */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
  --content-max:1200px;--content-narrow:760px;

  /* effects */
  --radius-none:0px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-full:999px;
  --shadow-sm:0 1px 2px rgba(33,29,23,0.06);--shadow-md:0 4px 16px rgba(33,29,23,0.08);--shadow-lg:0 12px 32px rgba(33,29,23,0.12);
  --ease-standard:cubic-bezier(.4,0,.2,1);--duration-fast:120ms;--duration-normal:200ms;
}