:root {
	/* Surfaces */
	--wbw-cream:        #F3EFE7;
	--wbw-cream-alt:     #FBF9F4;
	--wbw-tan:           #E9E3D7;
	--wbw-near-black:    #1A1813;
	--wbw-black:         #0E0D0A;
	--wbw-white:         #FFFFFF;

	/* Text */
	--wbw-text:          #1A1813;
	--wbw-text-alt:      #2C2922;
	--wbw-text-secondary:#4A453A;
	--wbw-text-tertiary: #6E685B;
	--wbw-text-muted:    #8A8475;
	--wbw-text-faint:    #A8A293;

	/* Accents */
	--wbw-green:         #1F5C3D;
	--wbw-green-hover:   #27734E;
	--wbw-green-pale:    #7FB89A;
	--wbw-green-paler:   #CDE4D7;
	--wbw-orange:        #C05E2C;
	--wbw-orange-hover:  #A94E20;
	--wbw-orange-muted:  #C9824F;

	/* On-dark text */
	--wbw-cream-text:    #E4E0D6;
	--wbw-footer-heading:#6B655A;
	--wbw-footer-link:   #C9C3B6;
	--wbw-footer-muted:  #8A8475;

	/* Borders */
	--wbw-border:        rgba(26,24,19,0.10);
	--wbw-border-soft:   rgba(26,24,19,0.09);
	--wbw-border-strong: rgba(26,24,19,0.16);
	--wbw-border-dark:   rgba(255,255,255,0.10);
	--wbw-border-dark-strong: rgba(255,255,255,0.25);

	/* Type */
	--wbw-font-display:  'Bricolage Grotesque', sans-serif;
	--wbw-font-body:     'Hanken Grotesk', system-ui, sans-serif;
	--wbw-font-mono:     'JetBrains Mono', monospace;

	/* Shape */
	--wbw-radius-pill:   999px;
	--wbw-radius-lg:     22px;
	--wbw-radius-md:     16px;
	--wbw-radius-sm:     10px;

	/* Layout */
	--wbw-max-width:     1240px;
	--wbw-gutter:        28px;
}