/* ==========================================================
   Hearth Learning — Design Tokens
   Shared CSS custom properties for the Hearth shell.
   Imported via <link> on pages that use the Hearth design
   system (dashboard, parent dashboard, snakey, landing).

   NOTE: Craft Master and Spellwright have intentionally
   different themes and should NOT import this file.
   ========================================================== */

:root {
  /* Colors */
  --hearth-cream: #FDF6EC;
  --hearth-warm-white: #FAF3E8;
  --hearth-deep-navy: #1B2A4A;
  --hearth-rich-brown: #4A3728;
  --hearth-amber: #E8A838;
  --hearth-amber-glow: #F5C563;
  --hearth-sage: #7BA68C;
  --hearth-deep-teal: #2D6A6A;
  --hearth-soft-purple: #9B8EC4;
  --hearth-rose: #D4847C;

  --hearth-border: rgba(75, 55, 40, 0.12);
  --hearth-shadow: rgba(27, 42, 74, 0.08);

  /* Typography */
  --font-display: 'Fraunces', serif;
  --font-body: 'Outfit', sans-serif;
  --font-accent: 'Caveat', cursive;

  /* Layout */
  --nav-height: 56px;
  --radius-card: 16px;
  --radius-btn: 10px;

  /* Cards */
  --card-bg: #FFFFFF;
  --card-shadow: 0 8px 40px var(--hearth-shadow);
  --card-shadow-hover: 0 12px 60px rgba(27, 42, 74, 0.12);

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

  /* Transition durations */
  --duration-fast: 0.15s;
  --duration-normal: 0.2s;
  --duration-slow: 0.3s;
}