/* =================================================================
   Hive Monarch — "Living Meadow" theme tokens
   Loaded FIRST. Owns @font-face + :root custom properties.
   Keeps every legacy variable name (JS injects inline styles that
   reference --bg-2 / --text-mute / --green / --amber-3 / --panel …),
   retuned to a warmer painterly palette, and adds new --hm-* tokens.
   ================================================================= */

/* ---------- Self-hosted storybook fonts (full umlaut coverage) ---------- */
@font-face { font-family:'Fredoka'; font-style:normal; font-weight:500; font-display:swap;
  src:url('../fonts/Fredoka-500.ttf') format('truetype'); }
@font-face { font-family:'Fredoka'; font-style:normal; font-weight:600; font-display:swap;
  src:url('../fonts/Fredoka-600.ttf') format('truetype'); }
@font-face { font-family:'Fredoka'; font-style:normal; font-weight:700; font-display:swap;
  src:url('../fonts/Fredoka-700.ttf') format('truetype'); }
@font-face { font-family:'Nunito'; font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/Nunito-400.ttf') format('truetype'); }
@font-face { font-family:'Nunito'; font-style:normal; font-weight:600; font-display:swap;
  src:url('../fonts/Nunito-600.ttf') format('truetype'); }
@font-face { font-family:'Nunito'; font-style:normal; font-weight:700; font-display:swap;
  src:url('../fonts/Nunito-700.ttf') format('truetype'); }
@font-face { font-family:'Nunito'; font-style:normal; font-weight:800; font-display:swap;
  src:url('../fonts/Nunito-800.ttf') format('truetype'); }

:root {
  /* ----- legacy palette (retuned: cozy honey-wood interior for in-game) ----- */
  --bg: #201408;
  --bg-2: #2b1d0d;
  --bg-3: #392814;
  --panel: #31220f;
  --panel-2: #43301a;
  --border: #5e4222;
  --border-strong: #8a5f2c;
  --text: #fdf0d2;
  --text-dim: #d9c096;
  --text-mute: #a08758;
  --amber: #f7b53f;
  --amber-2: #f0891b;
  --amber-3: #ffd873;
  --honey: #eba53a;
  --honey-glow: #ffcf5c;
  --green: #a6cf63;
  --green-2: #77ab44;
  --purple: #b18cdd;
  --red: #e6663f;
  --blue: #6cb6e0;
  --shadow: 0 10px 30px rgba(30, 16, 4, 0.55);
  --radius: 14px;
  --radius-sm: 9px;
  --font: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* ----- new painterly tokens ----- */
  --hm-display: 'Fredoka', 'Nunito', system-ui, sans-serif;
  --hm-body: 'Nunito', system-ui, sans-serif;

  /* daylight meadow (menus) */
  --hm-sky-1: #a9dcf0;
  --hm-sky-2: #cdeaf0;
  --hm-sky-3: #eaf7e2;
  --hm-hill-far: #bfe08e;
  --hm-hill-mid: #97ca66;
  --hm-hill-near: #74b04b;
  --hm-grass: #5f9e3d;
  --hm-grass-deep: #47823094;

  /* honey / gold */
  --hm-honey: #f4a72a;
  --hm-honey-deep: #df7c15;
  --hm-gold: #ffcf5c;
  --hm-gold-soft: #ffe39a;
  --hm-glow: rgba(255, 202, 92, 0.55);

  /* accents */
  --hm-petal: #f5a4c1;
  --hm-petal-deep: #e97ba3;
  --hm-lav: #b79ae0;
  --hm-leaf: #7bb356;

  /* paper / cream surfaces (menus) */
  --hm-cream: #fff6e0;
  --hm-cream-2: #ffedc6;
  --hm-cream-edge: #f3d79b;
  --hm-ink: #4c2f14;
  --hm-ink-soft: #7c5a30;
  --hm-ink-mute: #a5844f;

  /* dusk (game over) */
  --hm-dusk-1: #5b3b6e;
  --hm-dusk-2: #93486b;
  --hm-dusk-3: #e0894f;

  /* motion */
  --hm-ease: cubic-bezier(.22,.9,.28,1);
  --hm-ease-bounce: cubic-bezier(.34,1.56,.64,1);
  --hm-t-fast: .16s;
  --hm-t: .3s;
  --hm-t-slow: .6s;

  /* shadows / depth */
  --hm-shadow-card: 0 18px 40px -12px rgba(46, 24, 6, .55), 0 3px 10px rgba(46,24,6,.3);
  --hm-shadow-soft: 0 8px 24px -8px rgba(46, 24, 6, .4);
  --hm-ring: 0 0 0 3px rgba(255, 207, 92, .35);
}

/* Motion is opt-out for users who ask for calm. Continuous animations are
   switched off; one-shot transitions collapse to near-instant. */
@media (prefers-reduced-motion: reduce) {
  :root { --hm-t-fast: .001s; --hm-t: .001s; --hm-t-slow: .001s; }
  *, *::before, *::after {
    animation-duration: .001s !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001s !important;
    scroll-behavior: auto !important;
  }
}