/* =====================================================================
   Umimmak – Tundra design (1.25.0)
   Loaded after theme-arctic.css when Settings > General > Design = Tundra
   (Umimmak edition). It builds on the arctic design and only changes the
   colours and the drawings: warm tundra in daylight (heather, musk ox fur,
   grey rock) and a warm polar night with aurora in dark mode.
   Glacier blue stays the accent colour.
   Everything is scoped to body.umimmak-tundra.
   ===================================================================== */

/* ---------- Tokens: light ---------- */
body.umimmak-arctic.umimmak-tundra {
  --um-snow: #f7f3ec;
  --um-ice: #efe7da;
  --um-ice-2: #e3d6c2;
  --um-frost: #e1d5c2;
  --um-surface: #fffdf9;
  --um-ink: #2e2318;
  --um-text: #4e4134;
  --um-muted: #7d6c5b;
  --um-aurora: #3f9a7a;
  --um-shadow: 0 1px 2px rgba(46, 35, 24, 0.05), 0 4px 14px -6px rgba(46, 35, 24, 0.09);
  --um-shadow-lift: 0 2px 4px rgba(46, 35, 24, 0.05), 0 14px 32px -12px rgba(46, 35, 24, 0.24);

  /* the drawing */
  --hero-sky-top: #cbdde8;
  --hero-sky-bottom: #f6ede1;
  --hero-aurora: #86d3b9;
  --hero-aurora-2: #a8c6e6;
  --hero-far: #b7c1c7;
  --hero-mtn: #8e979d;
  --hero-snow: #fbfaf7;
  --hero-hill-1: #cdb68b;
  --hero-hill-2: #b48f5f;
  --hero-hill-3: #8f6a43;
  --hero-river: #e3eff5;
  --hero-river-shade: #bfd6e2;
  --hero-river-glint: rgba(255, 255, 255, 0.85);
  --hero-shrub: #b0532d;
  --hero-shrub-2: #d58a3a;
  --hero-snowpatch: #f7f4ee;

  /* the musk oxen */
  --ox-coat: #4a3527;
  --ox-face: #3a2a1f;
  --ox-saddle: #8d6c4d;
  --ox-leg: #e6d9c2;
  --ox-hoof: #2a1d15;
  --ox-horn: #efe3c8;
  --ox-muzzle: #7a604a;
  --ox-eye: #120c08;
  --ox-far: #6b513d;
  --ox-far-face: #5c4433;
  --ox-far-saddle: #9a7c5f;
}

/* ---------- Tokens: dark (warm polar night) ---------- */
[data-bs-theme=dark] body.umimmak-arctic.umimmak-tundra {
  --um-snow: #15100c;
  --um-ice: #1d1611;
  --um-ice-2: #2a2019;
  --um-frost: #372a20;
  --um-surface: #201812;
  --um-ink: #f3ebe0;
  --um-text: #d3c5b5;
  --um-muted: #a6927d;
  --um-aurora: #4fd1b0;
  --um-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  --um-shadow-lift: 0 14px 32px -12px rgba(0, 0, 0, 0.65);

  --hero-sky-top: #0b0e18;
  --hero-sky-bottom: #2a2230;
  --hero-aurora: #3fe0b1;
  --hero-aurora-2: #6b8cff;
  --hero-far: #2b303a;
  --hero-mtn: #3b424c;
  --hero-snow: #c7d0d8;
  --hero-hill-1: #5a4a37;
  --hero-hill-2: #4b3c2c;
  --hero-hill-3: #3c3023;
  --hero-river: #8fb0c4;
  --hero-river-shade: #5d7b8f;
  --hero-river-glint: rgba(220, 236, 255, 0.45);
  --hero-shrub: #8a3f24;
  --hero-shrub-2: #a0652f;
  --hero-snowpatch: #aab3ba;

  --ox-coat: #22180f;
  --ox-face: #1a120c;
  --ox-saddle: #5e4836;
  --ox-leg: #b8ab95;
  --ox-hoof: #0d0906;
  --ox-horn: #d6c9ad;
  --ox-muzzle: #4c3a2c;
  --ox-eye: #000;
  --ox-far: #33271d;
  --ox-far-face: #2a2018;
  --ox-far-saddle: #4c3b2d;
}

/* the herd further away is a little lighter, so the landscape gets depth */
body.umimmak-tundra .umimmak-ox.is-far {
  --ox-coat: var(--ox-far);
  --ox-face: var(--ox-far-face);
  --ox-saddle: var(--ox-far-saddle);
}

/* ---------- Places in the arctic design with fixed colours ---------- */
[data-bs-theme=dark] body.umimmak-tundra .umimmak-hero { border-color: var(--um-frost); }
body.umimmak-tundra .umimmak-hero.has-image::before {
  background: linear-gradient(90deg, rgba(30, 20, 12, 0.72) 0%, rgba(30, 20, 12, 0.35) 50%, rgba(30, 20, 12, 0) 75%);
}
body.umimmak-tundra .umimmak-lb { background: rgba(22, 15, 10, 0.95); }

/* ---------- Login ---------- */
body.umimmak-tundra .umimmak-login-scene {
  --login-aurora-1: #39c995;
  --login-aurora-2: #4f8fe0;
  --login-aurora-3: #b07ad8;
  --login-aurora-opacity: 0.45;
}
html[data-bs-theme="dark"] body.umimmak-tundra .umimmak-login-scene {
  --login-aurora-1: #3fe0b1;
  --login-aurora-2: #4f9dff;
  --login-aurora-3: #a77bff;
  --login-aurora-opacity: 0.85;
}
body.umimmak-tundra .umimmak-tundra-snow circle { fill: rgba(255, 255, 255, 0.85); }
html[data-bs-theme="dark"] body.umimmak-tundra .umimmak-tundra-snow circle { fill: rgba(225, 235, 245, 0.7); }

@media (prefers-reduced-motion: no-preference) {
  body.umimmak-tundra .umimmak-tundra-snow circle { animation: umimmak-tundra-snow 16s linear infinite; }
  body.umimmak-tundra .umimmak-tundra-snow circle:nth-child(3n) { animation-duration: 21s; animation-delay: -7s; }
  body.umimmak-tundra .umimmak-tundra-snow circle:nth-child(3n+1) { animation-duration: 13s; animation-delay: -4s; }
  body.umimmak-tundra .umimmak-tundra-snow circle:nth-child(4n) { animation-delay: -11s; }
  @keyframes umimmak-tundra-snow {
    from { transform: translate(0, -80px); opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    to { transform: translate(40px, 760px); opacity: 0; }
  }
}
@media (prefers-reduced-motion: reduce) {
  body.umimmak-tundra .umimmak-tundra-snow { display: none; }
}

/* ---------- 404 ---------- */
body.umimmak-tundra .umimmak-lost-ox { border-radius: 18px; }