/* Palette and spacing from the Nocturne Workshop design (Stitch export). */
:root {
	--color-bg: #161311;
	--color-surface-lowest: #110d0c;
	--color-surface-low: #1f1b19;
	--color-surface: #231f1d;
	--color-surface-high: #2e2927;
	--color-surface-highest: #393431;

	--color-text: #eae1dd;
	--color-text-muted: #d8c3ad;
	--color-outline: #a08e7a;
	--color-outline-variant: #534434;

	--color-primary: #ffc174;
	--color-primary-soft: #ffddb8;
	--color-primary-strong: #f59e0b;
	--color-on-primary: #472a00;
	--color-on-primary-strong: #613b00;

	--color-secondary: #4cd7f6;
	--color-tertiary: #ffc08e;

	--font-heading: 'Newsreader', Georgia, serif;
	--font-body: 'Literata', Georgia, serif;
	--font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

	--space-xs: 0.25rem;
	--space-sm: 0.5rem;
	--space-md: 1rem;
	--space-lg: 1.75rem;
	--space-xl: 3rem;
	--margin: 3rem;
	--margin-mobile: 1.25rem;

	--radius-sm: 0.125rem;
	--radius-md: 0.25rem;
	--radius-lg: 0.5rem;
	--radius-pill: 0.75rem; /* the design's "full" radius; deliberately not a true pill */

	--shadow-card: 0 12px 32px -8px rgb(10 8 7 / 0.6);
	--shadow-card-hover: 0 16px 40px -12px rgb(245 158 11 / 0.1);
	--shadow-neon: 0 0 12px rgb(76 215 246 / 0.18);

	--measure: 42.5rem; /* reading column */
	--measure-wide: 52.5rem; /* header and wide content */
	--header-height: 5rem;
	--navtoggle-size: 3.5rem; /* burger button; the mobile menu panel sits above it */
	--transition: 200ms ease;
}