/* GENERATED FILE — do not hand-edit.
 * Night Hearth tokens, served by Ensemble (hearthbyte.dev runs on its own product).
 * Source of truth: redesign/night-hearth.ds.json + DESIGN.md
 * Generated: 2026-08-20T01:57:09.639Z
 * Via: POST https://api.ensemble.hearthbyte.dev/v2/tools/compose (request 08fb8d4c-5a0d-497b-97e1-930c4a637f52)
 * Rebuild: node scripts/build-tokens.mjs  (then bump ?v= in referencing pages — DEPLOY.md)
 */

:root {
  /* Colors */
  --color-primary-50: #fdf3e9;
  --color-primary-100: #fbe3cd;
  --color-primary-200: #f7c9a2;
  --color-primary-300: #f2ab73;
  --color-primary-400: #ed954f;
  --color-primary-500: #e8833a;
  --color-primary-600: #d96c2c;
  --color-primary-700: #b4551f;
  --color-primary-800: #8c4118;
  --color-primary-900: #663012;
  --color-primary-950: #3d1c0a;
  --color-secondary-50: #fdf7e8;
  --color-secondary-100: #fbeec9;
  --color-secondary-200: #f7dd9a;
  --color-secondary-300: #f2cb6b;
  --color-secondary-400: #edbe52;
  --color-secondary-500: #e8b13a;
  --color-secondary-600: #cf9526;
  --color-secondary-700: #a8761c;
  --color-secondary-800: #815a15;
  --color-secondary-900: #5c3f0f;
  --color-secondary-950: #372507;
  --color-neutral-50: #faf4ea;
  --color-neutral-100: #f2e8dc;
  --color-neutral-200: #e0d5c2;
  --color-neutral-300: #cbbca8;
  --color-neutral-400: #8a7c68;
  --color-neutral-500: #6f6050;
  --color-neutral-600: #5a4c3c;
  --color-neutral-700: #3a3128;
  --color-neutral-800: #2b241d;
  --color-neutral-900: #221c16;
  --color-neutral-950: #191512;
  --color-semantic-success: #86a86a;
  --color-semantic-warning: #e8b13a;
  --color-semantic-error: #dd6a4f;
  --color-semantic-info: #a6988a;

  /* Typography */
  --font-heading: 'Young Serif', Georgia, serif;
  --font-body: Archivo, system-ui, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, monospace;
  --text-display: 52px;
  --leading-display: 1.1;
  --text-h2: 36px;
  --leading-h2: 1.15;
  --text-h3: 24px;
  --leading-h3: 1.25;
  --text-h4: 19px;
  --leading-h4: 1.3;
  --text-body-lg: 17px;
  --leading-body-lg: 1.55;
  --text-body: 15px;
  --leading-body: 1.55;
  --text-small: 13px;
  --leading-small: 1.5;
  --text-label: 11px;
  --leading-label: 1.4;
  --text-micro: 10px;
  --leading-micro: 1.4;

  /* Spacing */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-focus: 0 0 0 3px rgba(232, 131, 58, 0.4);
  --shadow-glow: 0 0 28px rgba(232, 131, 58, 0.35);

  /* Animations */
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* Grid */
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;

}