/* PCC Maps — design tokens (Phase 6 redesign, from the "Peak CC Routes UX"
 * design handoff). CSS custom properties so every plugin stylesheet reads
 * colour/spacing from one place instead of repeating hex values — swap a
 * value here and the whole plugin follows. Loaded first, before base.css. */

:root {
	/* Colour */
	--pcc-ink: #22333a;
	--pcc-ink-80: #4d5c61;
	--pcc-muted: #6d7b80;
	--pcc-muted-light: #8b979b;
	--pcc-placeholder: #9aa5a8;
	--pcc-accent: #c1440e;
	--pcc-accent-hover: #9c3609;
	--pcc-border: #ccd5d8;
	--pcc-border-light: #e2e8e9;
	--pcc-border-light-2: #e6eaec;
	--pcc-border-light-3: #edf0f1;
	--pcc-surface: #ffffff;
	--pcc-surface-tint: #f6f8f8;
	--pcc-surface-tint-2: #fafbfb;
	--pcc-thumb-bg: #f2f5f5;
	--pcc-segment-track: #e9eded;

	--pcc-green: #2e8b57;
	--pcc-green-tint: #eef6f1;
	--pcc-blue: #2f6fa8;
	--pcc-blue-tint: #edf3f9;
	--pcc-red: #c0392b;
	--pcc-red-tint: #fbefed;
	--pcc-black: #22333a;
	--pcc-black-tint: #eceff0;

	/* Type */
	--pcc-font-display: 'Oswald', 'Arial Narrow', sans-serif;
	--pcc-font-body: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Shape */
	--pcc-radius-sm: 6px;
	--pcc-radius-md: 8px;
	--pcc-radius-lg: 12px;
	--pcc-radius-pill: 999px;

	/* Shadow */
	--pcc-shadow-frame: 0 18px 40px rgba(34, 51, 58, 0.1);
	--pcc-shadow-card-hover: 0 10px 22px rgba(34, 51, 58, 0.12);
	--pcc-shadow-tooltip: 0 10px 24px rgba(34, 51, 58, 0.28);
	--pcc-shadow-segment: 0 1px 3px rgba(34, 51, 58, 0.18);
}