/*
 * Fallback design tokens — used only if HelloRing Core is inactive.
 * The live values are generated from HelloRing → Master Settings and
 * printed inline right after this file. This is the ONLY place default
 * colour values appear; components reference var(--hr-*) exclusively.
 */
:root {
	--hr-primary: #ff490a;
	--hr-primary-hover: #e63f05;
	--hr-primary-active: #c93503;
	--hr-on-primary: #1d1511;
	--hr-primary-ink: #b53100;
	--hr-primary-ink-on-dark: #ff7a4a;
	--hr-primary-soft: #ffece2;
	--hr-primary-tint: rgba(255, 73, 10, 0.12);
	--hr-focus-ring: rgba(255, 73, 10, 0.55);
	--hr-background: #fffbf7;
	--hr-surface: #ffffff;
	--hr-surface-alt: #fff3ea;
	--hr-heading: #1d1511;
	--hr-text: #3f352f;
	--hr-muted: #6d6158;
	--hr-border: #efe2d6;
	--hr-border-color: #efe2d6;
	--hr-soft-accent: #ffe7da;
	--hr-success: #1f7a4d;
	--hr-warning: #a15c00;
	--hr-error: #c0262d;
	--hr-dark-surface: #1d1511;
	--hr-dark-text: #fff6ee;
	--hr-dark-muted: #c2b8b0;
	--hr-dark-border: #3b322d;
	--hr-heading-base: var(--hr-heading);
	--hr-text-base: var(--hr-text);
	--hr-muted-base: var(--hr-muted);
	--hr-primary-ink-base: var(--hr-primary-ink);
	--hr-border-base: var(--hr-border-color);
	--hr-font-heading: "Avenir Next", Avenir, "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
	--hr-font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--hr-font-button: var(--hr-font-body);
	--hr-fs-base: 1.0625rem;
	--hr-fs-sm: 0.944rem;
	--hr-fs-xs: 0.837rem;
	--hr-fs-h6: 1.2rem;
	--hr-fs-h5: 1.4rem;
	--hr-fs-h4: 1.7rem;
	--hr-fs-h3: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem);
	--hr-fs-h2: clamp(1.8rem, 1.2rem + 2.2vw, 2.9rem);
	--hr-fs-h1: clamp(2.2rem, 1.4rem + 3vw, 3.8rem);
	--hr-fs-display: clamp(2.4rem, 1.5rem + 3.4vw, 4.4rem);
	--hr-lh: 1.6;
	--hr-lh-heading: 1.12;
	--hr-ls-heading: -0.015em;
	--hr-fw-heading: 700;
	--hr-fw-button: 600;
	--hr-container: 1400px;
	--hr-wide: 1360px;
	--hr-narrow: 760px;
	--hr-section-space: clamp(4rem, 8vw, 6.5rem);
	--hr-radius-card: 20px;
	--hr-radius-button: 999px;
	--hr-radius-input: 12px;
	--hr-radius-small: 10px;
	--hr-shadow: 0 1px 2px rgba(29, 21, 17, 0.04), 0 8px 24px rgba(29, 21, 17, 0.05);
	--hr-shadow-lift: 0 2px 4px rgba(29, 21, 17, 0.05), 0 18px 40px rgba(29, 21, 17, 0.09);
	--hr-btn-height: 48px;
	--hr-btn-px: 24px;
	--hr-btn-transform: none;
	--hr-btn-lift: -1px;
	--hr-motion-distance: 14px;
	--hr-motion-duration: 520ms;
	--hr-gutter: clamp(16px, 4vw, 32px);
	--hr-header-h: 72px;
}