/*
  HealThyRam Design Tokens — generated from design-system/tokens/ (v1.4.1).
  SINGLE SOURCE OF TRUTH: edit design-system/tokens/*.css, then regenerate this
  bundle (identical copy lives in both plugins). Do not hand-edit values here.
*/

:root {
	/* ── Colors (tokens/colors.css) ── */
	--ht-green: #659A41;
	--ht-green-dark: #4E7A2E;
	--ht-green-bright: #99CA3C;
	--ht-green-soft: #F0F5EA;
	--ht-orange: #F8991D;
	--ht-orange-soft: #FEF3E2;
	--ht-ink: #1A1A2E;
	--ht-muted: #666766;
	--ht-line: #E6EDE0;
	--ht-bg: #FDFAF5;
	--ht-white: #FFFFFF;
	--ht-error: #D32F2F;
	--ht-error-dark: #B71C1C;
	--ht-error-border: #C62828;

	/* Semantic aliases */
	--surface-page: var(--ht-bg);
	--surface-card: var(--ht-white);
	--surface-tint-green: var(--ht-green-soft);
	--surface-tint-orange: var(--ht-orange-soft);
	--text-body: var(--ht-ink);
	--text-muted: var(--ht-muted);
	--text-on-brand: var(--ht-white);
	--border-default: var(--ht-line);
	--accent-primary: var(--ht-green);
	--accent-primary-hover: var(--ht-green-dark);
	--accent-secondary: var(--ht-orange);

	/* HNBC sub-brand — community/membership content ONLY, never core clinical. */
	--hnbc-green: #98C038;
	--hnbc-gold: #F8A810;
	--hnbc-orange: #F87820;
	--hnbc-red: #E02838;
	--hnbc-purple: #904098;
	--hnbc-blue: #3090C8;

	/* ── Typography (tokens/typography.css) ── */
	--ht-font-body: 'Roboto', -apple-system, 'Segoe UI', sans-serif;
	--ht-font-head: 'Roboto Slab', Georgia, serif;
	--font-body: var(--ht-font-body);
	--font-display: var(--ht-font-head);
	--text-h1-size: 1.625rem;  /* 26px — approved v1.4 prototype */
	--text-h2-size: 1.1875rem; /* 19px — approved v1.4 prototype */
	--text-h3-size: 1.05rem;
	--text-body-size: 1rem;
	--text-small-size: 0.875rem;
	--text-micro-size: 0.75rem;
	--text-heading-tracking: -0.2px;
	--text-heading-leading: 1.3;

	/* ── Spacing (tokens/spacing.css) ── */
	--space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
	--space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px;

	/* ── Radius, shadow, motion (tokens/effects.css) ── */
	--radius-default: 8px;
	--radius-sm: 5px;
	--shadow-card: 0 1px 4px rgba(26, 26, 46, .08);        /* flat, ink-tinted — never neutral black */
	--shadow-card-hover: 0 3px 10px rgba(26, 26, 46, .10);
	--shadow-btn: 0 2px 8px rgba(101, 154, 65, .28);
	--shadow-btn-hover: 0 4px 12px rgba(101, 154, 65, .34);
	--shadow-active: 0 2px 6px rgba(101, 154, 65, .3);
	--ease-default: cubic-bezier(.22, .61, .36, 1);
	--duration-fast: .16s;
	--duration-medium: .18s;
	--duration-entrance: .42s;

	/* ── Data visualization (tokens/dataviz.css) ── */
	--dataviz-domain-emotional-vitality: #D9432E;
	--dataviz-domain-inner-calm: #8E5FBF;
	--dataviz-domain-physical-energy: var(--ht-orange);
	--dataviz-domain-sleep-quality: #2E86AB;
	--dataviz-domain-purpose: var(--ht-green);
	--dataviz-domain-mindful-awareness: #5B2C83;
	--dataviz-domain-relational-harmony: #E8A838;
	--dataviz-band-critical: var(--ht-error-border);
	--dataviz-band-low: var(--ht-error-border);
	--dataviz-band-moderate: var(--ht-orange);
	--dataviz-band-good: var(--ht-green);
	--dataviz-band-high: #2E86AB;
	--status-neutral-bg: #ECEFF1;
	--status-neutral-text: #546E7A;
}