/* SGK v2.3.48 · balanced visible student palette
   COLORS ONLY. No content, images, flags, audio, sizing, spacing, position, display, grid or layout rules. */

:root{
  --ink:#173f36;
  --deep:#124b40;
  --green:#147b69;
  --muted:#536d65;
  --line:#cfddd8;
  --soft:#eef5f2;
  --warn:#fff0ea;
  --blue:#eaf4fb;
  --pink:#fff0f5;
  --yellow:#fff8e8;
  --purple:#f6f3fb;

  --ui-bg:#e9f1ed;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f2f7f4;
  --ui-ink:#173f36;
  --ui-muted:#536d65;
  --ui-line:#cfddd8;
  --ui-green:#147b69;
  --ui-green-dark:#124b40;
  --ui-mint:#dff0e9;
  --ui-ring:rgba(20,123,105,.20);

  --student-bg:#e9f1ed;
  --student-card:#ffffff;
  --student-ink:#173f36;
  --student-muted:#536d65;
  --student-green:#147b69;
  --student-green-dark:#124b40;
  --student-mint:#dff0e9;
  --student-sky:#eaf4fb;
  --student-butter:#fff8e8;
  --student-lilac:#f6f3fb;
  --student-peach:#fff0ea;
  --student-line:#cfddd8;

  --sgk-en:#245f7d;
  --sgk-en-soft:#eaf3f9;
  --sgk-vi:#2f7563;
  --sgk-vi-soft:#e7f3ee;
  --current-lesson:#147b69;
}

html,body{background:#e9f1ed!important;color:#29443c!important}
.ribbon{background:#124b40!important;color:#fff!important}

.topbar .pill,.pill{background:#dff0e9!important;color:#145f51!important;border-color:#c7ddd4!important}
.card,.panel-card,.catalog-card,.lesson-source-card,.lesson-dialogue-card,.vocab-card,.q-card,.lesson-practice-q,.theory,.result,.recommend{
  background-color:#fff!important;
  border-color:#cfddd8!important;
}

.catalog-card{background:linear-gradient(135deg,#ffffff 0%,#f4faf7 68%,#e4f1eb 100%)!important}
.catalog-status{background:#124b40!important;color:#fff!important}
.hero-main{background:linear-gradient(135deg,#ffffff 0%,#f5faf8 100%)!important}

h1,h2,h3,h4,
.hero h1,.section h2,.panel-card h3,.section-head h3,.lesson-source-head h2,
.lesson-task b,.lesson-path-copy b,.vocab-card b,.activity-tile b{
  color:#173f36!important;
}
.hero p,.panel-card p,.sub,.today ul,.lesson-task small,.lesson-path-copy small,
.lesson-map button small,.vocab-card small,.activity-tile small,.pronunciation-guide-card p,
.source,.meta,.voice-tools>span{
  color:#536d65!important;
}

/* Navigation */
.tabs{background:#f3f8f5!important;border-color:#c8d8d2!important}
.tabs button{background:#fff!important;border-color:#d5e2dd!important;color:#3c5e55!important}
.tabs button.active{background:#147b69!important;border-color:#147b69!important;color:#fff!important}
.tabs button.lesson-focus{background:#def0e8!important;border-color:#78af9f!important;color:#174e43!important}
.primary{background:#147b69!important;color:#fff!important;border-color:#147b69!important}
.secondary,.back{background:#fff!important;border-color:#bfd4cc!important;color:#185e51!important}
.filters button{background:#fff!important;border-color:#cfddd8!important;color:#456159!important}
.filters button.active{background:#147b69!important;border-color:#147b69!important;color:#fff!important}

/* Lesson flow */
.lesson-map button{background:#fff!important;border-color:#d2e0db!important}
.lesson-map button.active{background:#dff0e9!important;border-color:#5f9f8e!important}
.lesson-enter{background:#e6f2ed!important;color:#176051!important}
.lesson-map button.active .lesson-enter{background:#147b69!important;color:#fff!important}
.lesson-callout,.lesson-scope-notice{background:#dff0e9!important;border-color:#c3dfd4!important;color:#305d51!important}
.lesson-task{background:#f7faf8!important;border-color:#d5e2dd!important}
.lesson-task-no{background:#dceee7!important;color:#126654!important}

/* Module identity */
.panel[data-panel="vocab"] .panel-card:first-child{background:#edf8f3!important;border-color:#bddfd1!important}
.panel[data-panel="pronunciation"] .panel-card:first-child{background:#f6f4fb!important;border-color:#dfd9ec!important}
.panel[data-panel="grammar"] .panel-card:first-child{background:#fff8e6!important;border-color:#eadfb9!important}
.panel[data-panel="practice"] .panel-card:first-child{background:#fff2ec!important;border-color:#ead4ca!important}
.panel[data-panel="listening"] .panel-card:first-child{background:#ebf5fb!important;border-color:#cee2ed!important}
.panel[data-panel="reading"] .panel-card:first-child{background:#eef3fb!important;border-color:#d3ddec!important}
.panel[data-panel="test"] .panel-card:first-child{background:#f0f7e9!important;border-color:#d9e6cb!important}
.panel[data-panel="results"] .panel-card:first-child{background:#ebf7f2!important;border-color:#cde3da!important}

/* Existing bilingual text colors only. Flags/images are untouched. */
.vocab-en,.vocab-example,.repeat-copy h3,.repeat-example,.circle-sentence,.tick-statement,
.lesson-practice-q>b,.q-card h4,.exercise .prompt,.karaoke-en,.recap-card p,
.writing-prompt-bi>div,.project-en,.reading-feature p,.listen-choice b,.match-left b,
.dialogue-line>div>span:not(.karaoke-en){
  color:#245f7d!important;
}
.vocab-vi,.vocab-example-vi,.repeat-copy>p,.repeat-example-vi,.q-vi,.bilingual-question,
.dialogue-line small,.recap-card small,.writing-prompt-bi small,.project-vi,
.listen-translation,.game-visual-copy b,.match-right b,.reading-vi,.answer-hint span{
  color:#2f7563!important;
}

/* Vocabulary */
.vocab-card{background:#fff!important;border-color:#d3e0db!important}
.vocab-visual{background:linear-gradient(145deg,#fff3cf,#e8f4ef)!important;border-color:#d0dfd9!important}
.vocab-card .cat{background:#dff0e9!important;color:#2e6c5d!important}
.vocab-card em{color:#1e705f!important}

/* Practice */
.activity-tile{border-color:#d4e1dc!important}
.activity-tile:nth-child(4n+1){background:linear-gradient(145deg,#eaf7f1,#fff)!important;border-top-color:#75b49f!important}
.activity-tile:nth-child(4n+2){background:linear-gradient(145deg,#e9f4fb,#fff)!important;border-top-color:#83b6d0!important}
.activity-tile:nth-child(4n+3){background:linear-gradient(145deg,#fff8e8,#fff)!important;border-top-color:#d9bf76!important}
.activity-tile:nth-child(4n+4){background:linear-gradient(145deg,#f5f2fb,#fff)!important;border-top-color:#b0a7cf!important}
.activity-tile strong{background:rgba(255,255,255,.94)!important;color:#49645c!important}

/* Questions / answers */
.q-card,.lesson-practice-q{background:#fff!important;border-color:#d3e0db!important}
.bilingual-question,.lesson-q-vi,.q-card .q-vi{background:#e7f3ee!important;border-left-color:#5d9f8d!important;color:#2f7563!important}
.q-options label,.options button{background:#fff!important;border-color:#d2dfda!important;color:#29443c!important}
.q-options label:hover,.options button:hover{background:#eef6f2!important;border-color:#8fb9ad!important}
.options button.correct,.q-options label.correct{background:#e5f5eb!important;border-color:#72b48a!important}
.options button.wrong,.q-options label.wrong{background:#fff0eb!important;border-color:#d7927d!important}
.feedback.ok{background:#e5f5eb!important;color:#256740!important}
.feedback.bad{background:#fff0eb!important;color:#874439!important}

/* Pronunciation */
.pronunciation-guide-card{background:#f5f2fb!important;border-color:#dfd9ea!important}
.pronunciation-symbol{color:#625b91!important}
.pronunciation-source-pairs{background:#f4f1fa!important;border-color:#ddd7e8!important}
.pronunciation-chant{background:#fffaf0!important;border-color:#eadfb4!important}
.source-word-chip{background:#fff!important;border-color:#cadbd5!important;color:#2c574d!important}

/* Audio */
.official-audio-wrap,.unit3-source-audio-grid .official-audio-wrap{background:#e8f4ef!important;border-color:#cce1d8!important}
.official-audio-wrap b{color:#275f53!important}
.audio-bar{background:#e9f4fb!important;border-color:#cfe2ed!important}

/* Karaoke — color only */
.karaoke-card{background:#fff!important;border-color:#c9ded6!important}
.karaoke-card .lesson-dialogue-head{background:#e8f4ef!important;border-bottom-color:#cfe2da!important}
.karaoke-card .lesson-dialogue-head .pill{background:#d7ebe3!important;color:#145f51!important;border-color:#bdd9ce!important}
.karaoke-card .karaoke-controls .primary,.karaoke-card .karaoke-speed button.active{
  background:#147b69!important;border-color:#147b69!important;color:#fff!important
}
.karaoke-card .karaoke-controls .secondary,.karaoke-card .karaoke-speed button{
  background:#fff!important;border-color:#c4d8d1!important;color:#3d6056!important
}
.karaoke-card .official-audio-wrap{background:#e7f2fb!important;border-color:#cbdfea!important}
.karaoke-card .karaoke-speed{background:#fffaf0!important;color:#665a34!important;border-color:#eadfb8!important}
.karaoke-card .karaoke-lines .dialogue-line{background:#fff!important;border-color:#d5e1dd!important}
.karaoke-card .karaoke-lines .dialogue-line:nth-child(4n+1){background:#eef8f4!important}
.karaoke-card .karaoke-lines .dialogue-line:nth-child(4n+2){background:#eef6fb!important}
.karaoke-card .karaoke-lines .dialogue-line:nth-child(4n+3){background:#fffaf0!important}
.karaoke-card .karaoke-lines .dialogue-line:nth-child(4n+4){background:#f7f4fb!important}
.karaoke-card .karaoke-lines .dialogue-line.karaoke-active{background:#dff3ea!important;border-color:#4e9c87!important}
.karaoke-card .karaoke-lines .dialogue-line.karaoke-done{background:#f5f8f6!important}
.karaoke-card .karaoke-word-active{background:#ffdc72!important;color:#183d35!important}

/* Grammar */
.theory{background:#fff!important;border-color:#d4e1dc!important}
.formula{background:#e7f3ee!important;border-left-color:#5f9f8d!important}
.example{background:#f5f8f6!important}
.special{background:#fff8e8!important;color:#66562d!important}
.error{background:#fff0eb!important;color:#834439!important}

/* Reading + writing */
.reading-box,.reading-feature{background:#fff9eb!important;border-color:#e6d9b4!important}
.reading-en{color:#36576b!important}
.reading-vi{color:#3f725f!important}
.writing{background:#fffdf6!important}

/* Results + teacher/student forms */
.result,.recommend,.teacher-summary>div,.teacher-cols>div,.submission,.submission-card{
  background:#f5f9f7!important;border-color:#d2dfda!important
}
.input,textarea,select{background:#fff!important;border-color:#c5d7d0!important;color:#29443c!important}
.input:focus,textarea:focus,select:focus{border-color:#5f9f8d!important}
.master{background:#fff!important;border-color:#d3e0db!important}
.game-progress,.bar{background:#dfe9e5!important}
.game-progress i,.bar i{background:#55a58f!important}


/* v2.3.46 · apply the same calm palette to non-Karaoke dialogue surfaces too.
   Color only; structure/content/flags/audio remain unchanged. */
.lesson-dialogue-card:not(.karaoke-card){
  background:#ffffff!important;
  border-color:#cfddd8!important;
}
.lesson-dialogue-card:not(.karaoke-card) .dialogue-line{
  background:#ffffff!important;
  border-color:#d5e1dd!important;
}
.lesson-dialogue-card:not(.karaoke-card) .dialogue-line:nth-child(4n+1){background:#f1f8f5!important}
.lesson-dialogue-card:not(.karaoke-card) .dialogue-line:nth-child(4n+2){background:#f0f6fa!important}
.lesson-dialogue-card:not(.karaoke-card) .dialogue-line:nth-child(4n+3){background:#fffaf0!important}
.lesson-dialogue-card:not(.karaoke-card) .dialogue-line:nth-child(4n+4){background:#f7f4fb!important}

/* Keep white as the dominant surface across games and practice; color is a cue, not decoration. */
.match-card,.tick-statement,.repeat-example,.prompt-grid div,.answer-hint{
  background-color:#ffffff!important;
  border-color:#d6e2dd!important;
}
.match-board.text-match .match-left{background:#eef6fb!important}
.match-board.text-match .match-right{background:#fffaf0!important}
.tick-yes{background:#eef8f3!important;color:#2d704f!important}
.tick-no{background:#fff3ef!important;color:#8b5044!important}
.answer-hint{background:#f2f8f5!important}


/* v2.3.47 · finish the remaining shared color states.
   COLORS ONLY: no content, images, flags, audio, spacing, sizing, position or layout changes. */

/* Grade / catalog states */
.catalog-status{
  background:#124b40!important;
  color:#ffffff!important;
}
.catalog-status span{
  color:#dcefe8!important;
}
.grade-btn{
  background:#ffffff!important;
  border-color:#d3e0db!important;
  color:#36594f!important;
}
.grade-btn small{
  color:#6b8079!important;
}
.grade-btn.active{
  background:#e8f4ef!important;
  border-color:#79b09f!important;
  color:#155f51!important;
}
.grade-btn.locked{
  background:#f2f4f3!important;
  border-color:#dfe5e2!important;
  color:#7b8984!important;
}

/* Lesson progress states */
.lesson-map button.lesson-status-current{
  background:linear-gradient(135deg,#e8f4ef,#ffffff)!important;
  border-color:#68a793!important;
}
.lesson-map button.lesson-status-done{
  background:linear-gradient(135deg,#eff7ef,#ffffff)!important;
  border-color:#bfd9c1!important;
}
.lesson-map button.lesson-status-upcoming{
  background:linear-gradient(135deg,#f3f5f4,#ffffff)!important;
  border-color:#dde4e1!important;
}
.lesson-status-current .lesson-state{
  background:#147b69!important;
  color:#ffffff!important;
}
.lesson-status-done .lesson-state{
  background:#e2f2e6!important;
  color:#2d7041!important;
}
.lesson-status-upcoming .lesson-state{
  background:#edf1ef!important;
  color:#6f7f79!important;
}
.lesson-source-badge,
.lesson-source-mini{
  background:#eef6f3!important;
  border-color:#d3e3dd!important;
  color:#4b685f!important;
}

/* Mastery / progress */
.master{
  background:#ffffff!important;
  border-color:#d3e0db!important;
}
.master strong{
  color:#173f36!important;
}
.master span,.master small{
  color:#657b73!important;
}
.bar{
  background:#dfe9e5!important;
}
.bar i{
  background:#55a58f!important;
}

/* Game states */
.game-top b{
  color:#173f36!important;
}
.game-top small{
  color:#61766f!important;
}
.game-streak{
  background:#fff8e8!important;
  border-color:#e7d69d!important;
  color:#7a6425!important;
}
.match-help{
  background:#eef6f3!important;
  color:#4f6b62!important;
}
.match-card{
  background:#ffffff!important;
  border-color:#d4e1dc!important;
}
.match-card.selected{
  background:#e8f5f0!important;
  outline-color:#4d9c87!important;
}
.match-card.matched{
  background:#f2f6f4!important;
}
.match-visual{
  background:linear-gradient(145deg,#fff8e8,#eef6fb)!important;
}
.match-link{
  color:#8aa99f!important;
}
.letter-cloud,.block-row{
  background:#f4f8f6!important;
  border-color:#d7e3df!important;
  color:#2f5148!important;
}
.block-row span{
  background:#ffffff!important;
  border-color:#d6e2dd!important;
}
.game-visual-row{
  background:#f6faf8!important;
  border-color:#d6e3de!important;
}
.game-visual-copy small{
  color:#637970!important;
}
.game-visual-copy b{
  color:#2f7563!important;
}
.self-record-status{
  background:#eef6f3!important;
  color:#4f6c63!important;
}
.mic-free{
  background:#e9f6f0!important;
  border-color:#bcdccf!important;
  color:#176353!important;
}
.activity-error{
  background:#fff2ee!important;
  border-color:#e6c4b9!important;
  color:#84493e!important;
}
.activity-error span{
  color:#92675f!important;
}

/* Result / weak-area colors */
.result{
  background:#f5f9f7!important;
  border-color:#d2dfda!important;
}
.result strong{
  color:#173f36!important;
}
.result span,.result small{
  color:#667a73!important;
}
.weak{
  background:#fff4ef!important;
  border-color:#e6cfc6!important;
  color:#7d4a40!important;
}
.recommend{
  background:linear-gradient(145deg,#eef8f4,#ffffff)!important;
  border-color:#c9e0d7!important;
}

/* Student submission / teacher dashboard */
.submission-card{
  background:linear-gradient(145deg,#ffffff,#f1f8f5)!important;
  border-color:#bfded2!important;
}
.submission{
  background:#f7faf9!important;
  border-color:#cfe0da!important;
}
.block-label span,.submit-grid span{
  color:#5f766e!important;
}
.teacher-summary>div{
  background:#f5f9f7!important;
  border-color:#d4e1dc!important;
}
.teacher-summary strong{
  color:#1e5145!important;
}
.teacher-summary span,.teacher-summary small{
  color:#667b73!important;
}
.teacher-cols>div{
  background:#ffffff!important;
  border-color:#d8e3df!important;
}
.teacher-cols h4{
  color:#173f36!important;
}
.teacher-cols p{
  color:#5d746c!important;
}
.teacher-grade .primary{
  background:#147b69!important;
  border-color:#147b69!important;
  color:#ffffff!important;
}

/* Small source/help surfaces */
.source,
.answer-hint{
  background:#f2f7f5!important;
  border-color:#d5e3de!important;
  color:#566f67!important;
}
.answer-hint>b{
  color:#4b685f!important;
}
.prompt-grid div{
  background:#f7faf8!important;
  border-color:#dbe6e2!important;
  color:#587168!important;
}

/* Keep locked/disabled states calm and readable */
button:disabled,
.secondary:disabled,
.primary:disabled{
  background:#f1f4f3!important;
  border-color:#dde4e1!important;
  color:#91a09a!important;
}


/* v2.3.48 · stronger visual separation while remaining calm.
   COLORS ONLY: no content, image, flag, audio, spacing, sizing, position or layout changes. */

/* Base surfaces */
html,body{background:#e6efea!important;color:#29443c!important}
.card,.panel-card,.catalog-card,.lesson-source-card,.lesson-dialogue-card,
.vocab-card,.q-card,.lesson-practice-q,.theory,.result,.recommend{
  border-color:#cbdad4!important;
}
.catalog-card{
  background:linear-gradient(135deg,#ffffff 0%,#f2f8f5 62%,#e1eee8 100%)!important;
}
.hero-main{
  background:linear-gradient(135deg,#ffffff 0%,#f4f9f7 100%)!important;
}

/* Primary green: slightly richer for clearer hierarchy */
.ribbon,.catalog-status{
  background:#0f493d!important;
}
.tabs button.active,
.primary,
.filters button.active,
.lesson-map button.active .lesson-enter,
.lesson-status-current .lesson-state,
.karaoke-card .karaoke-controls .primary,
.karaoke-card .karaoke-speed button.active,
.teacher-grade .primary{
  background:#117764!important;
  border-color:#117764!important;
  color:#ffffff!important;
}

/* Navigation / chips */
.tabs{
  background:#eef5f2!important;
  border-color:#c6d7d0!important;
}
.tabs button{
  background:#ffffff!important;
  border-color:#d3e0db!important;
  color:#395b52!important;
}
.tabs button.lesson-focus{
  background:#d9ece4!important;
  border-color:#70a997!important;
  color:#174e43!important;
}
.topbar .pill,.pill{
  background:#d9ece4!important;
  border-color:#bfd8ce!important;
  color:#155f50!important;
}

/* Lesson flow */
.lesson-map button.active{
  background:#d9ece4!important;
  border-color:#579987!important;
}
.lesson-status-done .lesson-state{
  background:#ddefe1!important;
  color:#2a6c3f!important;
}
.lesson-status-upcoming .lesson-state{
  background:#e9eeec!important;
  color:#687a73!important;
}
.lesson-callout,.lesson-scope-notice{
  background:#dbeee6!important;
  border-color:#bdd9ce!important;
  color:#2f5b50!important;
}
.lesson-source-badge,.lesson-source-mini{
  background:#e9f4ef!important;
  border-color:#cfe0da!important;
  color:#48675e!important;
}

/* Module identity: a little more visible than v2.3.47 */
.panel[data-panel="vocab"] .panel-card:first-child{
  background:#e7f5ef!important;
  border-color:#b7d9cc!important;
}
.panel[data-panel="pronunciation"] .panel-card:first-child{
  background:#f0edf8!important;
  border-color:#d5cee7!important;
}
.panel[data-panel="grammar"] .panel-card:first-child{
  background:#fff6df!important;
  border-color:#e7d9ad!important;
}
.panel[data-panel="practice"] .panel-card:first-child{
  background:#fff0e9!important;
  border-color:#e8cfc4!important;
}
.panel[data-panel="listening"] .panel-card:first-child{
  background:#e8f3fa!important;
  border-color:#c8dfea!important;
}
.panel[data-panel="reading"] .panel-card:first-child{
  background:#edf1f9!important;
  border-color:#d1dbea!important;
}
.panel[data-panel="test"] .panel-card:first-child{
  background:#edf6e8!important;
  border-color:#d5e4c8!important;
}
.panel[data-panel="results"] .panel-card:first-child{
  background:#e8f5f0!important;
  border-color:#c7dfd6!important;
}

/* Vocabulary */
.vocab-visual{
  background:linear-gradient(145deg,#fff2c9,#e5f2ec)!important;
  border-color:#cadbd4!important;
}
.vocab-card .cat{
  background:#d9ece4!important;
  color:#2c695b!important;
}

/* Pronunciation */
.pronunciation-guide-card{
  background:#f2eff9!important;
  border-color:#d8d1e8!important;
}
.pronunciation-source-pairs{
  background:#f1eef8!important;
  border-color:#d6cfe7!important;
}
.pronunciation-chant{
  background:#fff7e2!important;
  border-color:#e7d7a7!important;
}
.pronunciation-symbol{
  color:#5e588c!important;
}

/* Audio */
.official-audio-wrap,.unit3-source-audio-grid .official-audio-wrap{
  background:#e3f1eb!important;
  border-color:#c4ddd3!important;
}
.audio-bar{
  background:#e7f2f9!important;
  border-color:#c8dfea!important;
}

/* Karaoke: make hierarchy more obvious, still the same structure */
.karaoke-card{
  background:#ffffff!important;
  border-color:#c4dbd2!important;
}
.karaoke-card .lesson-dialogue-head{
  background:#e1f0e9!important;
  border-bottom-color:#c6ddd4!important;
}
.karaoke-card .lesson-dialogue-head .pill{
  background:#cfe6dd!important;
  border-color:#b5d5c8!important;
  color:#145e50!important;
}
.karaoke-card .official-audio-wrap{
  background:#e4f0f8!important;
  border-color:#c5dce8!important;
}
.karaoke-card .karaoke-speed{
  background:#fff7e2!important;
  border-color:#e7d8ab!important;
  color:#655a35!important;
}
.karaoke-card .karaoke-lines .dialogue-line:nth-child(4n+1){background:#eaf6f1!important}
.karaoke-card .karaoke-lines .dialogue-line:nth-child(4n+2){background:#eaf3f9!important}
.karaoke-card .karaoke-lines .dialogue-line:nth-child(4n+3){background:#fff7e5!important}
.karaoke-card .karaoke-lines .dialogue-line:nth-child(4n+4){background:#f2eff9!important}
.karaoke-card .karaoke-lines .dialogue-line.karaoke-active{
  background:#d7eee5!important;
  border-color:#469783!important;
}
.karaoke-card .karaoke-word-active{
  background:#ffd866!important;
  color:#183d35!important;
}

/* Non-karaoke dialogues */
.lesson-dialogue-card:not(.karaoke-card) .dialogue-line:nth-child(4n+1){background:#edf7f3!important}
.lesson-dialogue-card:not(.karaoke-card) .dialogue-line:nth-child(4n+2){background:#edf5fa!important}
.lesson-dialogue-card:not(.karaoke-card) .dialogue-line:nth-child(4n+3){background:#fff8e8!important}
.lesson-dialogue-card:not(.karaoke-card) .dialogue-line:nth-child(4n+4){background:#f5f2fa!important}

/* Questions / feedback */
.bilingual-question,.lesson-q-vi,.q-card .q-vi{
  background:#e3f1eb!important;
  border-left-color:#559986!important;
  color:#2e715f!important;
}
.options button.correct,.q-options label.correct{
  background:#def2e6!important;
  border-color:#67aa82!important;
}
.options button.wrong,.q-options label.wrong{
  background:#ffede7!important;
  border-color:#cf8b76!important;
}

/* Grammar */
.formula{
  background:#e3f1eb!important;
  border-left-color:#579987!important;
}
.special{
  background:#fff7e2!important;
  color:#64572c!important;
}
.error{
  background:#ffede7!important;
  color:#804238!important;
}

/* Reading / writing */
.reading-box,.reading-feature{
  background:#fff8ea!important;
  border-color:#e3d6b2!important;
}
.writing{
  background:#fffdf7!important;
}

/* Game / result states */
.game-streak{
  background:#fff7e2!important;
  border-color:#e2d29e!important;
  color:#756022!important;
}
.match-card.selected{
  background:#e1f1eb!important;
  outline-color:#479681!important;
}
.tick-yes{
  background:#e9f6ef!important;
  color:#2b6c49!important;
}
.tick-no{
  background:#fff0eb!important;
  color:#884a40!important;
}
.weak{
  background:#fff2ed!important;
  border-color:#e2c8be!important;
  color:#79473d!important;
}
.recommend{
  background:linear-gradient(145deg,#e9f5f0,#ffffff)!important;
  border-color:#c4dbd2!important;
}

/* Teacher/student neutral surfaces */
.teacher-summary>div,
.result,
.submission{
  background:#f2f7f5!important;
  border-color:#cfdcd7!important;
}
.submission-card{
  background:linear-gradient(145deg,#ffffff,#edf6f2)!important;
  border-color:#bad9cc!important;
}