/* User-requested palette: blue, yellow, green. Neutral surfaces stay light. */
:root {
  --blue: #174b9b;
  --green: #2e7d32;
  --yellow: #ffd43b;
  --ink: #163d79;
  --muted: #4f6277;
  --cream: #fcfdf9;
  --mint: #edf7e9;
  --line: #dce8d8;
  --coral: var(--green);
  --teal: var(--green);
}
.topbar { background: rgba(252,253,249,.96); }
.primary { background: var(--blue); box-shadow: 0 5px 0 #123b7d; }
.primary:active { box-shadow: 0 3px 0 #123b7d; }
.hero h1, .hero-ar { color: var(--blue); }
.eyebrow, .vocab-card .tag, .vocab-card:nth-child(3n) .tag { color: var(--green); }
.progress-track div { background: linear-gradient(90deg,var(--yellow),var(--green)); }
.progress-track { background: #e8f0e3; }
.chip.active, .game-tab.active { background: var(--blue); border-color: var(--blue); }
.speak, .feeling-card button.speak { background: #edf7e9; color: #245d28; }
.speak:hover, .speak[aria-pressed=true] { background: #d4ebc8; }
.speak.arabic-only, .arabic-only { background: #fff7d5; color: #5b4b09; }
.games-section { background: #f0f7ea; border-top-color: #d9e9d3; }
.game-message { color: #276b2c; }
.game-message.bad { color: var(--blue); }
.choice.correct, .choice.is-correct { border-color: var(--green); }
.choice.incorrect, .choice.is-incorrect { border-color: var(--yellow); }
.match-meaning { background: #f2f6fc; }
.match-meaning.selected { background: #fff7d5; border-color: var(--yellow); }
.match-word { background: #fffbee; border-color: #e5ca57; }
.match-word.selected { background: #edf7e9; border-color: var(--green); }
.matched, .match-word:disabled, .match-meaning:disabled { background: #edf7e9; border-color: var(--green); color: #245d28; }
.build-answer { border-color: #b9d1ae; }
.parent-icon { color: var(--green); }
.hero-caption, .routine span { background: #fff7d5; }
.toast { background: var(--blue); }
button:focus-visible, a:focus-visible, audio:focus-visible { outline-color: #79afdf; }

.color-swatch {
  display: block;
  width: 82px;
  height: 62px;
  margin: 17px 0 0;
  border-radius: 15px;
  border: 1px solid rgba(22,61,121,.12);
  box-shadow: 0 5px 0 rgba(22,61,121,.08);
}
.vocab-card[data-card-id="azraq"], .vocab-card[data-card-id="asfar"], .vocab-card[data-card-id="akhdar"] {
  border-top: 5px solid var(--blue);
}
.vocab-card[data-card-id="asfar"] { border-top-color: var(--yellow); }
.vocab-card[data-card-id="akhdar"] { border-top-color: var(--green); }
[data-filter="colors"] { border: 2px solid var(--green); }

[data-filter="new"] { border: 2px solid var(--blue); }
.vocab-card[data-card-id="book"],
.vocab-card[data-card-id="storybook"],
.vocab-card[data-card-id="pen"],
.vocab-card[data-card-id="car"] { border-top: 5px solid var(--yellow); }
.vocab-card[data-card-id="kaifaka"],
.vocab-card[data-card-id="kaifaki"],
.vocab-card[data-card-id="feelka"],
.vocab-card[data-card-id="feelki"] { border-top: 5px solid var(--green); }

.original-resources { margin-top: 18px; font-size: 13px; color: var(--muted); }
.original-resources summary { cursor: pointer; padding: 9px 0; min-height: 44px; }
.original-resources .resource-links { margin-top: 8px; }