/* ==========================================================================
   GPLANN — brand tokens

   Loaded once, site-wide, by the GPLANN Sections mu-plugin.
   Upload to: wp-content/mu-plugins/gplann-sections/base.css

   Section files reference these instead of hardcoding values:
       background: var(--gp-paper);
       color: var(--gp-ink);
       font-family: var(--gp-font-head);

   This file holds tokens only — no layout, no component styles. Anything
   specific to one section belongs in that section's own file.
   ========================================================================== */

:root {

	/* Surfaces */
	--gp-paper:      #ECE8DE;  /* warm page background — never stark white */
	--gp-card:       #FBFAF5;  /* card and panel fills */
	--gp-white:      #FFFFFF;

	/* Text */
	--gp-ink:        #2B241D;  /* body copy and headings */
	--gp-ink-soft:   #6B564D;  /* secondary text, captions, fine print */

	/* Accents */
	--gp-gold:       #EFBF03;  /* primary CTA fill, highlight bars */
	--gp-gold-hover: #C6871B;
	--gp-pine:       #2F4A3A;  /* secondary buttons, selected states */
	--gp-brass:      #A87C3C;  /* eyebrows, dividers, small-caps labels */
	--gp-sage:       #CAC8AC;

	/* Warm palette — introduced with the redesigned navigation + footer
	   (2026-08). A second, richer palette that sits alongside the
	   surface/text/brass tokens above rather than replacing them — see
	   NEEDS A DECISION below before mixing the two in one section. */
	--gp-cream:           #E7E7DB;  /* warm surface — nav header / cta backgrounds */
	--gp-stone:           #C9C8AC;  /* muted secondary tone */
	--gp-charcoal:        #2E2818;  /* dark surface, e.g. footer background */
	--gp-umber:           #50452A;  /* dark heading/accent tone for this palette */
	--gp-black:           #000000;  /* pure black body text for this palette */
	--gp-brass-warm:      #B2965D;  /* eyebrows, icons, dividers on the warm palette */
	--gp-brass-warm-deep: #8F7847;  /* hover/emphasis state for --gp-brass-warm */

	/* Type */
	--gp-font-head:  "Merriweather", Georgia, serif;
	--gp-font-body:  "Montserrat", system-ui, -apple-system, sans-serif;

	/* Shape */
	--gp-radius:     12px;
	--gp-radius-sm:  6px;
	--gp-shadow:     0 2px 10px rgba(43, 36, 29, 0.08);
	--gp-shadow-lg:  0 8px 28px rgba(43, 36, 29, 0.12);

	/* Rhythm */
	--gp-gap:        24px;   /* gap between cards in a grid */
	--gp-section-y:  72px;   /* vertical padding on a section */
}

@media (max-width: 768px) {

	:root {
		--gp-gap:       16px;
		--gp-section-y: 48px;
	}
}


/* --------------------------------------------------------------------------
   NEEDS A DECISION

   Three different golds and two different inks are currently live across the
   site. The values set above are the ones your chairs and tables sections
   already use, so migrating those changes nothing visually. Once you pick a
   final set, change it here and every migrated section follows.

       Gold    #EFBF03   chairs / tables sections        <- set above
               #FFC307   branding kit
               #E0A22B   Tent Size Finder widget

       Ink     #2B241D   chairs / tables sections        <- set above
               #1C241D   Tent Size Finder widget

   Added 2026-08-14: the redesigned navigation + footer brought in a second,
   parallel palette (--gp-cream / --gp-stone / --gp-umber / --gp-black /
   --gp-brass-warm) that overlaps in intent — but not value — with tokens
   above. Nothing was merged automatically; these are new, separate tokens
   until a human decides whether to unify:

       Cream/paper   #E7E7DB   nav / footer (--gp-cream)
                     #ECE8DE   chairs / tables (--gp-paper)             <- set above

       Brass         #B2965D   nav / footer (--gp-brass-warm)
                     #A87C3C   chairs / tables (--gp-brass)             <- set above

       Stone/sage    #C9C8AC   nav / footer (--gp-stone)
                     #CAC8AC   --gp-sage above — off by one hex digit,
                               almost certainly meant to be the same colour

   -------------------------------------------------------------------------- */