/* Design 3, Weide: playful and cheerful - mint green, chunky buttons with a block edge, extra big text. */
:root {
  --bg: #eafbe5; --bg2: #d5f5cc; --text: #123010; --text2: #2f5a2b; --line: #123010;
  --accent: #2f9e2a; --accent-hover: #278a23; --accent-ink: #ffffff; --soft: #ffd23f; --soft-ink: #123010;
  --card: #ffffff; --radius: 16px; --radius-btn: 14px; --shadow: 6px 6px 0 #123010;
  --stage-bg: #123010; --bar: #c9f2c0; --bar-ink: #123010;
  --hero: linear-gradient(180deg, #c9f2c0, #eafbe5);
}
body { font-size: 1.25rem; }
.btn, .tab, .card, .stage, .hero-shot, .badge { border: 3px solid #123010; }
.btn, .tab { box-shadow: 4px 4px 0 #123010; }
.btn:active, .tab:active { box-shadow: 1px 1px 0 #123010; transform: translate(3px, 3px); }
.tab.is-active { background: #ffd23f; color: #123010; border-color: #123010; }
.hero h1 { color: #123010; font-size: clamp(3.2rem, 9vw, 6.6rem); }
.badge { background: #ffd23f; }
.store { background: #ffd23f; color: #123010; border-block: 3px solid #123010; }
.store .btn-main { background: #2f9e2a; color: #fff; }
.card img { border: 3px solid #123010; }