/* ============================================================
   Design tokens — "Tidewater" identity for paddlemallowsbay.org
   Single source of truth for color, type, spacing, and misc.
   Consumed by base.css and every component built in later plans.
   ============================================================ */

:root {
	/* --- Palette (spec §7) --- */
	--tannin-deep:   #2B2118; /* near-black brown — body text, footers */
	--tannin:        #5C4A32; /* tea-stained water — headers, accents */
	--driftwood:     #A9A192; /* weathered gray-tan — borders, muted UI */
	--marsh:         #6B7A5A; /* muted sage green — secondary accent */
	--tideflat:      #C9BFA8; /* pale sediment — section backgrounds */
	--paper:         #F4F0E6; /* warm off-white — page background */
	--slate-water:   #4A5A66; /* soft slate blue — links, map UI */
	--oxide:         #B5552E; /* oxidized-iron rust — primary CTA / signature accent */

	/* --- Semantic color roles --- */
	--color-bg:          var(--paper);
	--color-surface:     var(--tideflat);
	--color-text:        var(--tannin-deep);
	--color-text-muted:  var(--tannin);
	--color-heading:     var(--tannin-deep);
	--color-border:      var(--driftwood);
	--color-link:        var(--slate-water);
	--color-link-hover:  var(--oxide);
	--color-accent:      var(--oxide);
	--color-accent-2:    var(--marsh);

	/* --- Typography --- */
	--font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--font-body:    "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* Modular type scale (~1.25 ratio), fluid where it helps */
	--text-xs:   0.79rem;
	--text-sm:   0.889rem;
	--text-base: 1rem;
	--text-lg:   1.125rem;
	--text-xl:   1.266rem;
	--text-2xl:  1.602rem;
	--text-3xl:  2.027rem;
	--text-4xl:  clamp(2.2rem, 1.6rem + 2.4vw, 3.247rem);
	--text-5xl:  clamp(2.8rem, 1.8rem + 4vw, 5.061rem);

	--leading-tight:  1.15;
	--leading-snug:   1.3;
	--leading-normal: 1.6;

	--weight-normal:   400;
	--weight-medium:   500;
	--weight-semibold: 600;
	--weight-bold:     700;

	/* --- Spacing scale --- */
	--space-1:  0.25rem;
	--space-2:  0.5rem;
	--space-3:  0.75rem;
	--space-4:  1rem;
	--space-6:  1.5rem;
	--space-8:  2rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-24: 6rem;

	/* --- Misc --- */
	--measure:     68ch;       /* max line length for body copy */
	--radius-sm:   2px;
	--radius:      4px;
	--radius-lg:   8px;
	--shadow:      0 1px 3px rgba(43, 33, 24, 0.12), 0 4px 12px rgba(43, 33, 24, 0.08);
	--container:   1200px;
	--ease:        cubic-bezier(0.4, 0.0, 0.2, 1);
}