/**
 * Harvest Companion — Design Tokens
 * =================================
 * Source of truth: the Companion Pipeline v3 wireframes
 * (reference/Companion_Pipeline_v3/wireframes/ — values extracted from the
 * shared :root block used across all 21 files).
 *
 * Prefix: every token is `--hc-*`. The wireframes use unprefixed names
 * (--bg, --accent, …); we prefix to guarantee no collision with tenant
 * themes or wp-admin. The wireframe name is noted beside each token.
 *
 * Fonts: Fraunces (serif — headings, brand) and DM Sans (sans — body/UI),
 * loaded via the same Google Fonts URL the wireframes use. Both families
 * degrade gracefully to system stacks if the CDN is unreachable.
 */

:root {
	/* -------------------------------------------------- typography ---- */
	/* Families (wireframes: 'Fraunces', serif / 'DM Sans', sans-serif)   */
	--hc-font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
	--hc-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Type scale. The wireframes are dense app surfaces on a 13px base;
	   these steps cover both app-density (sm/xs) and reading surfaces.  */
	--hc-text-xs: 0.72rem;     /* fine print, uppercase labels            */
	--hc-text-sm: 0.85rem;     /* secondary text, chips, table meta       */
	--hc-text-base: 1rem;      /* body copy                               */
	--hc-text-lg: 1.15rem;     /* lead paragraphs, card titles            */
	--hc-text-xl: 1.45rem;     /* section headings                        */
	--hc-text-2xl: 1.9rem;     /* page titles                             */
	--hc-text-3xl: 2.4rem;     /* hero / display                          */

	/* Label convention seen throughout the wireframes: small caps meta   */
	--hc-label-spacing: 0.08em;      /* letter-spacing for uppercase tags */
	--hc-heading-spacing: -0.01em;   /* Fraunces headings tighten slightly */
	--hc-leading-body: 1.6;
	--hc-leading-tight: 1.25;

	/* ------------------------------------------------------ palette ---- */
	/* Canvas & surfaces (wireframes: --bg, --bg-subtle, --bg-subtle-deeper,
	   --bg-card). Warm paper-like creams; cards are white.               */
	--hc-bg: #faf8f4;
	--hc-bg-subtle: #f3f0ea;
	--hc-bg-subtle-deeper: #ebe6da;
	--hc-bg-card: #ffffff;

	/* Ink (wireframes: --text-primary/-secondary/-tertiary). Warm blacks. */
	--hc-text-primary: #1c1a15;
	--hc-text-secondary: #6b6457;
	--hc-text-tertiary: #9a9285;

	/* Borders (wireframes: --border, --border-strong).                   */
	--hc-border: #e8e3d8;
	--hc-border-strong: #d4cdbf;

	/* Accent — warm terracotta (wireframes: --accent, --accent-hover,
	   --accent-deep, --accent-subtle). The family's primary action color. */
	--hc-accent: #cc785c;
	--hc-accent-hover: #b8654a;
	--hc-accent-deep: #8a4f3d;
	--hc-accent-subtle: #f5e8e2;

	/* Semantic status colors, each with a subtle wash background.        */
	--hc-success: #5a7d5f;          /* sage green (wireframes: --success) */
	--hc-success-subtle: #e8efe9;
	--hc-warning: #b08a47;          /* honey gold (--warning)             */
	--hc-warning-subtle: #f5ecd9;
	--hc-info: #5e7a8a;             /* slate blue (--info)                */
	--hc-info-subtle: #e6ecef;
	--hc-danger: #a04a3d;           /* clay red (--danger)                */
	--hc-danger-subtle: #f3dcd6;
	--hc-celebrate: #a67950;        /* milestone amber (--celebrate)      */
	--hc-celebrate-subtle: #f3e9dc;

	/* Pipeline identity colors (wireframes: --pipeline-wh/-bs/-disc).
	   Used anywhere content is tagged with its Companion Pipeline board. */
	--hc-pipeline-wh: #a89875;             /* Welcome Home — warm khaki   */
	--hc-pipeline-wh-subtle: #ede5d4;
	--hc-pipeline-bs: #a67950;             /* Bible Study — amber tan     */
	--hc-pipeline-bs-subtle: #e9dac4;
	--hc-pipeline-disc: #8a7355;           /* Discipleship — deep tan     */
	--hc-pipeline-disc-subtle: #e3d6c0;

	/* ------------------------------------------------------ spacing ---- */
	/* 4px rhythm observed across the wireframes (4/8/12/16/20/24/32/48). */
	--hc-space-1: 4px;
	--hc-space-2: 8px;
	--hc-space-3: 12px;
	--hc-space-4: 16px;
	--hc-space-5: 20px;
	--hc-space-6: 24px;
	--hc-space-8: 32px;
	--hc-space-12: 48px;

	/* -------------------------------------------------------- radii ---- */
	/* Wireframe usage clusters at 4–5 (small), 7 (default: buttons,
	   inputs, tiles), 10–11 (cards/modals), 999 (pills), 50% (avatars).  */
	--hc-radius-sm: 5px;
	--hc-radius-md: 7px;
	--hc-radius-lg: 10px;
	--hc-radius-xl: 14px;
	--hc-radius-pill: 999px;
	--hc-radius-round: 50%;

	/* ------------------------------------------------------ shadows ---- */
	/* Verbatim from the wireframes (--shadow-card/-card-hover/-pop/-modal).
	   All are warm-black (28,26,21) — never pure black.                  */
	--hc-shadow-card: 0 1px 2px rgba(28, 26, 21, 0.04), 0 1px 3px rgba(28, 26, 21, 0.06);
	--hc-shadow-card-hover: 0 2px 4px rgba(28, 26, 21, 0.06), 0 4px 12px rgba(28, 26, 21, 0.08);
	--hc-shadow-pop: 0 4px 16px rgba(28, 26, 21, 0.12), 0 2px 6px rgba(28, 26, 21, 0.08);
	--hc-shadow-modal: 0 16px 48px rgba(28, 26, 21, 0.25), 0 4px 12px rgba(28, 26, 21, 0.12);

	/* ------------------------------------------------------- motion ---- */
	/* The wireframes use quick, quiet transitions (0.12s).               */
	--hc-transition: all 0.12s ease;
}