/* Hallmark · macrostructure: Ecosystem Index · tone: soft · anchor hue: 255 (medical blue) */
/* Verbena – token aliases.
   Names match design/tokens.css so theme.css works unchanged. Tokens that exist in
   theme.json point at var(--wp--preset--*) / var(--wp--custom--*); tokens that the
   editor does not expose are defined here (OKLCH, hex in the comment). */

:root {
	/* ---------- Color: neutrals ---------- */
	--color-ink:          var(--wp--preset--color--ink);
	--color-ink-2:        var(--wp--preset--color--ink-2);
	--color-muted:        var(--wp--preset--color--muted);
	--color-bg:           var(--wp--preset--color--bg);
	--color-surface:      var(--wp--preset--color--surface);
	--color-line:         var(--wp--preset--color--line);
	--color-line-soft:    oklch(94.7% 0.011 252);   /* #E8EEF5  list dividers */

	/* ---------- Color: brand ---------- */
	--color-brand:        var(--wp--preset--color--brand);
	--color-brand-strong: var(--wp--preset--color--brand-strong);
	--color-brand-ink:    oklch(36.4% 0.064 251);   /* #23405F  text on brand tint */
	--color-brand-tint:   var(--wp--preset--color--brand-tint);
	--color-brand-tint-2: oklch(93.4% 0.027 250);   /* #DCEBFB  hero glow, thumbs */
	--color-brand-tint-3: oklch(88.7% 0.037 252);   /* #C9DCF2  divider on tint */
	--color-on-brand:     oklch(99% 0.004 250);     /* text on brand fill */

	/* ---------- Color: mint (max 3–5% of screen) ---------- */
	--color-mint:         var(--wp--preset--color--mint);
	--color-mint-strong:  var(--wp--preset--color--mint-strong);
	--color-mint-ink:     oklch(42.4% 0.068 186);   /* #135A54  caption on mint tint */
	--color-mint-tint:    oklch(92.6% 0.036 186);   /* #CDEFEA  image placeholders */
	--color-mint-tint-2:  oklch(94.2% 0.027 185);   /* #D9F2EE  thumbs */
	--color-mint-glow:    oklch(95.5% 0.021 186);   /* #E1F5F2  hero glow */

	/* ---------- Color: dark surfaces ---------- */
	--color-navy:         var(--wp--preset--color--navy);
	--color-navy-2:       var(--wp--preset--color--navy-2);
	--color-navy-line:    oklch(37.1% 0.081 258);   /* #23406A  borders on navy */
	--color-navy-text:    var(--wp--preset--color--on-dark);
	--color-on-dark-line: oklch(57.6% 0.071 256);   /* #5D7BA3  ghost button border */
	--color-mint-on-dark: var(--wp--preset--color--mint-on-dark);
	--color-footer:       var(--wp--preset--color--footer);
	--color-footer-text:  oklch(83.3% 0.036 255);   /* #B9CAE0 */
	--color-footer-line:  oklch(32.1% 0.065 259);   /* #1E3354 */
	--color-blue-pale:    oklch(83.1% 0.066 252);   /* #A9CBF2  logo petals */

	/* Image placeholders (shown until real photos are added) */
	--color-ph-1:         oklch(87.5% 0.048 250);   /* #BFD9F5 */
	--color-ph-2:         oklch(93.2% 0.028 236);   /* #D8ECF9 */
	--color-ph-ink:       oklch(35.3% 0.085 254);   /* #173C66 */

	/* ---------- Typography ---------- */
	--font-display: var(--wp--preset--font-family--display);
	--font-body:    var(--wp--preset--font-family--body);

	--text-label:   var(--wp--preset--font-size--label);
	--text-small:   var(--wp--preset--font-size--small);
	--text-body:    var(--wp--preset--font-size--body);
	--text-lead:    var(--wp--preset--font-size--lead);
	--text-h4:      var(--wp--preset--font-size--h-4);
	--text-h3:      var(--wp--preset--font-size--h-3);
	--text-h3-display: clamp(1.625rem, 2.6vw, 2.125rem); /* featured post title */
	--text-h2:      var(--wp--preset--font-size--h-2);
	--text-h1:      var(--wp--preset--font-size--h-1);
	--text-stat:    2.75rem;

	--leading-tight: 1.04;
	--leading-heading: 1.1;
	--leading-snug: 1.3;
	--leading-body: 1.65;

	--tracking-display: -0.03em;
	--tracking-heading: -0.02em;
	--tracking-label: 0.12em;

	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
	--weight-heavy: 800;

	/* ---------- Space (4px grid) ---------- */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-7: 1.75rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-14: 3.5rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--space-22: 5.5rem;
	--space-24: 6rem;
	--space-26: 6.5rem;

	--container: var(--wp--custom--container);
	--gutter: var(--space-6);
	--measure: var(--wp--style--global--content-size, 760px);

	/* ---------- Radius ---------- */
	--radius-sm: var(--wp--custom--radius--sm);
	--radius-md: var(--wp--custom--radius--md);
	--radius-lg: var(--wp--custom--radius--lg);
	--radius-xl: var(--wp--custom--radius--xl);
	--radius-2xl: var(--wp--custom--radius--2-xl);
	--radius-3xl: var(--wp--custom--radius--3-xl);
	--radius-pill: var(--wp--custom--radius--pill);

	/* ---------- Shadow ---------- */
	--shadow-float: 0 18px 40px oklch(35.2% 0.105 256 / 0.08);

	/* ---------- Motion ---------- */
	--ease-out: var(--wp--custom--ease--out);
	--ease-in-out: var(--wp--custom--ease--in-out);
	--ease-standard: var(--wp--custom--ease--standard);
	--duration-fast: 140ms;
	--duration-base: 220ms;

	/* ---------- Focus ---------- */
	--focus-ring: 0 0 0 3px var(--color-bg), 0 0 0 5px var(--color-brand);
}