/* ============================================================
   mulgrave-base — Parent Tokens
   Structural defaults only. Per-site colours / fonts live in
   the child theme's tokens-override.css.
   ============================================================ */

:root {
	/* Spacing scale — overridable */
	--mg-space-0:  0;
	--mg-space-1:  0.25rem;
	--mg-space-2:  0.5rem;
	--mg-space-3:  0.75rem;
	--mg-space-4:  1rem;
	--mg-space-5:  1.5rem;
	--mg-space-6:  2rem;
	--mg-space-7:  3rem;
	--mg-space-8:  4rem;
	--mg-space-9:  6rem;
	--mg-space-10: 8rem;

	/* Section padding presets */
	--mg-section-pad:        clamp(3rem, 6vw, 6rem);
	--mg-section-pad-tight:  clamp(1.5rem, 3vw, 3rem);
	--mg-section-pad-loose:  clamp(5rem, 10vw, 10rem);

	/* Container widths */
	--mg-container-max:        1200px;
	--mg-container-narrow-max: 880px;
	--mg-container-wide-max:   1440px;
	--mg-container-pad:        clamp(1rem, 4vw, 2rem);

	/* Defaults a child MUST override (sane fallbacks so nothing breaks) */
	--mg-color-brand-1: #2e480c;
	--mg-color-brand-2: #f2efe6;
	--mg-color-brand-3: #0e100f;

	--mg-surface-page:        var(--mg-color-brand-2);
	--mg-surface-page-dark:   var(--mg-color-brand-3);
	--mg-surface-accent:      var(--mg-color-brand-1);
	--mg-text-default:        #0e100f;
	--mg-text-inverse:        #ffffff;
}