/* Ania z Zielonego Wzgórza: colours + decoration (the variables are documented in /js/quiz/quiz.css) */
:root {
  --bg: #f5faf3; --card: #ffffff; --card2: #e7f4ea; --b2: rgba(47,125,74,.22);
  --primary: #2f7d4a; --primary2: #276b3f; --accent: #c2410c; --second: #276b3f;
  --c-correct: #2f9e44; --c-wrong: #e03131;
  --ok-tint: rgba(64,192,87,.14); --bad-tint: rgba(250,82,82,.13);
  --p-tint: rgba(47,125,74,.1); --p-glow: rgba(47,125,74,.38);
  --text: #1f2a22; --muted: #5d6b61;
  --shadow: 0 8px 30px rgba(31,62,40,.13);
  --nav-bg: rgba(31,62,40,.88);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0f1a13; --card: #18271d; --card2: #1f3528; --b2: rgba(127,208,154,.22);
    --primary: #6cc48c; --primary2: #8fd6a8; --accent: #f08c4a; --second: #2f7d4a;
    --on-primary: #0f1a13;
    --c-correct: #51cf66; --c-wrong: #ff6b6b;
    --p-tint: rgba(127,208,154,.14); --p-glow: rgba(108,196,140,.45);
    --text: #e6f2e9; --muted: #a3b8a9;
    --shadow: 0 8px 30px rgba(0,0,0,.45);
  }
}
body {
  background-image:
    radial-gradient(ellipse at 12% 14%, rgba(47,125,74,.10) 0%, transparent 55%),
    radial-gradient(ellipse at 88% 82%, rgba(194,65,12,.08) 0%, transparent 55%);
}
html::before, html::after, body::before, body::after {
  position: fixed; opacity: .07; pointer-events: none; user-select: none; z-index: 0; line-height: 1;
}
html::before { content: '🍎'; left: 8%; top: 10%; font-size: 4rem; transform: rotate(-12deg); }
html::after { content: '🌸'; left: 84%; top: 16%; font-size: 3.5rem; transform: rotate(18deg); }
body::before { content: '🏡'; left: 6%; top: 74%; font-size: 5rem; transform: rotate(8deg); }
body::after { content: '📖'; left: 88%; top: 80%; font-size: 3rem; transform: rotate(-15deg); }