:root{
--ink-900:#1e1d1b;
--brown-800:#32241c;
--brown-700:#4a3527;
--brown-600:#8b6a56;
--gold-500:#a67d52;
--gold-400:#bd9c74;
--rust-600:#99522a;
--rust-500:#af6437;
--sage-600:#8c8e7d;
--sage-500:#a3a494;
--taupe-400:#a99c8e;
--tan-300:#d3c5b2;
--cream-100:#f2ebdc;
--cream-75:#f9f4ea;
--cream-50:#fffaf4;
--white:#ffffff;
--black:#1e1d1b;
--brown-900:var(--ink-900);

--surface-page:var(--cream-50);
--surface-card:var(--white);
--surface-dark:var(--ink-900);
--surface-dark-elevated:var(--brown-800);
--surface-tint:var(--cream-75);
--surface-tint-deep:var(--cream-100);

--text-primary:var(--brown-800);
--text-secondary:var(--brown-600);
--text-muted:var(--taupe-400);
--text-inverse:var(--cream-100);
--text-inverse-muted:#cdbfae;

--accent-primary:var(--rust-600);
--accent-primary-hover:#7e4220;
--accent-gold:var(--gold-500);
--accent-gold-hover:#8d6a46;
--accent-sage:var(--sage-600);
--accent-sage-hover:#6f7263;

--border-subtle:rgba(50,36,28,0.09);
--border-strong:rgba(50,36,28,0.28);
--border-inverse:rgba(242,235,220,0.18);

--focus-ring:var(--rust-500);
}
/* ---------------------------------------------------------------------------
   Lekton — SIL Open Font License. Free to self-host and serve. Stays local.
   --------------------------------------------------------------------------- */
@font-face{font-family:"Lekton";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/Lekton-Regular.ttf) format('truetype');}
@font-face{font-family:"Lekton";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/Lekton-Bold.ttf) format('truetype');}
@font-face{font-family:"Lekton";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/Lekton-Italic.ttf) format('truetype');}

/* ---------------------------------------------------------------------------
   Proxima Nova + Proxima Sera are served by ADOBE FONTS, via the
   <link href="https://use.typekit.net/cpj3mlw.css"> in each page's <head>.

   Do NOT self-host these. The desktop .ttf/.otf files that ship with the
   design system are licensed for desktop use only; serving them from a web
   server is a licence violation that Mark Simonson Studio actively pursues.
   Adobe's CSS family names are lowercase and hyphenated: proxima-nova /
   proxima-sera. Fallbacks below are what visitors see if Adobe fails to load
   or the Creative Cloud subscription lapses.
   --------------------------------------------------------------------------- */

:root{
--font-body:proxima-sera,Georgia,"Times New Roman",serif;
--font-subtext:var(--font-body);
--font-quote:var(--font-body);
--font-heading:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
--font-subheading:var(--font-heading);
--font-label:"Lekton",ui-monospace,SFMono-Regular,Menlo,monospace;
--font-mono:var(--font-label);
--font-display:var(--font-heading);
--text-xs:13px;
--text-sm:15px;
--text-base:17px;
--text-md:19px;
--text-lg:22px;
--text-xl:28px;
--text-2xl:36px;
--text-3xl:48px;
--text-4xl:64px;

--leading-tight:1.1;
--leading-snug:1.3;
--leading-normal:1.55;
--leading-relaxed:1.7;

--tracking-tight:-0.03em;
--tracking-normal:-0.03em;
--tracking-wide:-0.03em;
--tracking-label:-0.01em;

--weight-regular:400;
--weight-light:300;
--weight-semibold:600;
--weight-bold:700;
--weight-black:900;
--weight-heading:700;
}
:root{
--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;

--radius-sm:4px;
--radius-md:8px;
--radius-lg:14px;
--radius-pill:999px;

--container-max:1180px;
--container-narrow:760px;
}
:root{
--shadow-sm:0 1px 2px rgba(35,24,16,0.08);
--shadow-md:0 6px 20px rgba(35,24,16,0.10);
--shadow-lg:0 18px 44px rgba(35,24,16,0.16);
--shadow-inset-card:inset 0 1px 0 rgba(255,255,255,0.4);

--ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-standard:200ms; /* @kind other */
}