/* =========================================================================
   Tilsitt theme — styles
   -------------------------------------------------------------------------
   Sober black & white, serif headings, generous white space.
   Plain CSS with custom properties: change the tokens, the site follows.

   One file per section, loaded in the order listed in inc/assets.php:
     01-tokens, 02-base, 03-layout, 04-header, 05-footer, 06-components,
     07-gallery/* (grids, cards, artist showroom and biography, artwork page,
     inquiry form, lightbox, events), 08-pages/* (home, slideshow, generic
     pages, contact, editor blocks).
   ========================================================================= */

/* =========================================================================
   1. Tokens
   ========================================================================= */

:root {
	/* Colours */
	--ink:   #111;
	--paper: #fff;
	--stone: #f3f1ec;
	--line:  #e4e1da;
	--mute:  #6b6b6b;

	/* Fonts */
	--font-serif: Georgia, "Times New Roman", Times, serif;
	--font-sans:  -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

	/* Type scale */
	--size-xs: 0.75rem;
	--size-s:  0.875rem;
	--size-m:  1.0625rem;
	--size-l:  1.5rem;
	--size-xl: clamp(2rem, 4vw, 3rem);

	/* Spacing scale */
	--space-1: 0.5rem;
	--space-2: 1rem;
	--space-3: 1.5rem;
	--space-4: 2.5rem;
	--space-5: 4rem;
	--space-6: 6rem;

	/* Layout */
	--container: 1280px;
	--narrow:    720px;
	--gutter:    clamp(1rem, 4vw, 3rem);
	--header-h:  5.5rem;

	--accent: #0177a9;
	--accent-dark: #0a3c51;
	--klein: #002fa7; /* International Klein Blue */
	--klein-dark: #001d6b; /* hover */
}