/* Pog Yatzy – colour theme */

:root {
  --bg: #09140d;
  --panel: #121f17;
  --text: #eef4ee;
  --text-muted: rgba(238, 244, 238, 0.70);
  --brand: #30b36c;
  --brand-2: #1d8a50;
  --accent: #efb64d;
  --border: rgba(255, 255, 255, 0.09);
  --button-text: #eef4ee;
  --caption-text: rgba(238, 244, 238, 0.65);
  --footer-text: rgba(238, 244, 238, 0.65);
  --nav-hover-bg: rgba(48, 179, 108, 0.12);
  --ring: 0 0 0 2px rgba(48, 179, 108, 0.30);
}

body {
  background: var(--bg);
  color: var(--text);
}

header {
  background: var(--panel);
}

.lang-switch button {
  color: var(--button-text);
}

.lang-switch button.active {
  color: var(--bg);
}

footer {
  background: var(--panel);
}

footer p {
  color: var(--footer-text);
}

.screenshot {
  object-fit: cover;
  object-position: top;
}