/**
 * Color tokens — WREN WOLD mineral palette.
 *
 * Direction: natural, mineral, muted, editorial, restrained.
 * Accent: oxidized moss (landscape / Quiet Character) — not gold, not terracotta.
 *
 * @package Fashion_Brand_Theme
 */

:root {
	/* Neutral mineral scale */
	--color-neutral-50: #f3f2ef;
	--color-neutral-100: #e9e7e2;
	--color-neutral-200: #d6d2cb;
	--color-neutral-300: #b8b3a9;
	--color-neutral-400: #8c877e;
	--color-neutral-500: #5a564f;
	--color-neutral-600: #4a4742;
	--color-neutral-700: #35332f;
	--color-neutral-800: #242321;
	--color-neutral-900: #161514;

	/* Semantic surfaces */
	--color-background: var(--color-neutral-50);
	--color-bg: var(--color-background); /* alias used by shop/product reference */
	--color-surface: #fafaf8;
	--color-surface-muted: var(--color-neutral-100);
	--color-surface-chapter: var(--color-neutral-100);
	--color-surface-atmosphere: var(--color-neutral-200);
	--color-surface-collection: var(--color-neutral-800);

	/* Placeholder media (production photography TBD) */
	--color-placeholder-start: var(--color-neutral-200);
	--color-placeholder-end: var(--color-neutral-300);
	--color-placeholder-deep-start: var(--color-neutral-600);
	--color-placeholder-deep-end: var(--color-neutral-700);

	/* Text */
	--color-text: var(--color-neutral-800);
	--color-text-muted: var(--color-neutral-500);
	--color-muted: var(--color-text-muted); /* alias used by shop/product reference */
	--color-text-subtle: var(--color-neutral-400);
	--color-text-inverse: var(--color-neutral-50);

	/* Accent — oxidized moss */
	--color-accent: #3f5348;
	--color-accent-hover: #33443b;
	--color-accent-muted: #5a6e62;
	--color-accent-light: #b9cbaf; /* sage tint for interactive states on dark surfaces */

	/* Ink — near-black contrast beat (overlay nav + cinematic scrims) */
	--color-ink: #15181a;

	/* Borders & focus */
	--color-border: var(--color-neutral-200);
	--color-border-strong: var(--color-neutral-300);
	--color-focus: var(--color-accent);

	/* Selection */
	--color-selection-background: var(--color-neutral-200);
	--color-selection-text: var(--color-neutral-900);

	/* Status (UI only) */
	--color-success: #3d5c4a;
	--color-success-text: #f3f2ef;
	--color-warning: #7a6235;
	--color-warning-text: #f3f2ef;
	--color-error: #8b4a42;
	--color-error-text: #f3f2ef;

	/* Product status badges — one hue per type */
	--color-badge-sale: var(--color-error);
	--color-badge-sale-text: var(--color-error-text);
	--color-badge-new: var(--color-accent);
	--color-badge-new-text: var(--color-text-inverse);
	--color-badge-low-stock: var(--color-warning);
	--color-badge-low-stock-text: var(--color-warning-text);
}