/* ==========================================================================
   Hearth Design Tokens — "The Curated Hearth" Design System
   Values sourced from ui/grid.html prototype
   ========================================================================== */

:root {
  /* Primary — Forest Green (grid.html: primary: #0a3622) */
  --hearth-primary: #0a3622;
  --hearth-primary-container: #1f4031;
  --hearth-on-primary: #ffffff;
  --hearth-on-primary-container: #6d9681;
  --hearth-primary-fixed: #c0edd4;
  --hearth-primary-fixed-dim: #a5d0b8;
  --hearth-on-primary-fixed: #002114;
  --hearth-on-primary-fixed-variant: #264e3c;

  /* Secondary — Burnt Orange */
  --hearth-secondary: #AD3300;
  --hearth-secondary-container: #FC6B3A;
  --hearth-on-secondary: #ffffff;
  --hearth-on-secondary-container: #5e1800;
  --hearth-secondary-fixed: #ffdbd0;
  --hearth-secondary-fixed-dim: #ffb59e;
  --hearth-on-secondary-fixed: #3a0b00;
  --hearth-on-secondary-fixed-variant: #842500;

  /* Tertiary — Rich Navy */
  --hearth-tertiary: #051221;
  --hearth-tertiary-container: #1A2737;
  --hearth-on-tertiary: #ffffff;
  --hearth-on-tertiary-container: #818ea2;
  --hearth-tertiary-fixed: #d6e3f9;
  --hearth-tertiary-fixed-dim: #bac7dd;
  --hearth-on-tertiary-fixed: #0f1c2c;
  --hearth-on-tertiary-fixed-variant: #3b4859;

  /* Error */
  --hearth-error: #ba1a1a;
  --hearth-error-container: #ffdad6;
  --hearth-on-error: #ffffff;
  --hearth-on-error-container: #93000a;

  /* Surface / Background (grid.html: surface-light, background-light) */
  --hearth-surface: #fbfaf7;
  --hearth-surface-bright: #fbfaf7;
  --hearth-surface-dim: #ded9d3;
  --hearth-surface-container-lowest: #ffffff;
  --hearth-surface-container-low: #f4f1e8;
  --hearth-surface-container: #f2ece1;
  --hearth-surface-container-high: #e8e4d8;
  --hearth-surface-container-highest: #e3dfd3;
  --hearth-surface-variant: #e3dfd3;
  --hearth-surface-tint: #3e6653;
  --hearth-background: #fbfaf7;

  /* On-Surface (grid.html: text-main, text-muted) */
  --hearth-on-surface: #2d3748;
  --hearth-on-surface-variant: #718096;
  --hearth-on-background: #2d3748;

  /* Outline / Borders (grid.html: border-light) */
  --hearth-outline: #718096;
  --hearth-outline-variant: #c1c8c2;
  --hearth-border-light: #e8e4d8;

  /* Inverse */
  --hearth-inverse-surface: #32302c;
  --hearth-inverse-on-surface: #f5f0e9;
  --hearth-inverse-primary: #a5d0b8;

  /* Shift Colors (grid.html: shift-morning, shift-afternoon, shift-evening) */
  --hearth-shift-morning: #3d5b4a;
  --hearth-shift-afternoon: #b25227;
  --hearth-shift-evening: #384150;
  --hearth-shift-off-text: #c97e61;
  --hearth-shift-off-border: #eedacc;

  /* Glassmorphism (88% opacity for parchment bleed-through) */
  --hearth-glass-morning: rgba(61, 91, 74, 0.88);
  --hearth-glass-afternoon: rgba(178, 82, 39, 0.88);
  --hearth-glass-evening: rgba(56, 65, 80, 0.88);

  /* Shadows — Tailwind-equivalent values with hearth-tinted color */
  --hearth-shadow-sm: 0 1px 2px 0 rgba(29, 28, 24, 0.05);
  --hearth-shadow-ambient: 0 1px 3px 0 rgba(29, 28, 24, 0.10), 0 1px 2px -1px rgba(29, 28, 24, 0.10);
  --hearth-shadow-elevated: 0 4px 6px -1px rgba(29, 28, 24, 0.10), 0 2px 4px -2px rgba(29, 28, 24, 0.10);
  --hearth-shadow-float: 0 10px 15px -3px rgba(29, 28, 24, 0.10), 0 4px 6px -4px rgba(29, 28, 24, 0.10);

  /* Typography */
  --hearth-font-family: 'Atkinson Hyperlegible Next', sans-serif;

  /* Border Radius */
  --hearth-radius-sm: 4px;
  --hearth-radius-md: 8px;
  --hearth-radius-lg: 12px;
  --hearth-radius-xl: 16px;
  --hearth-radius-2xl: 24px;

  /* Transitions */
  --hearth-transition: 200ms ease-in-out;
}