:root {
  --orange: #9bc8c0;
  --rust: #285f98;
  --cream: #faf8eb;
  --peach: #dff0ed;
  --gray: #edf3f2;
  --accent: #71b9b0;
  --accent-dark: #2d746d;
  --accent-soft: #e8f5f3;
  --ink: #1f2933;
  --paper: #fbfaf0;
  --tint: #eef7f5;
  --line: #cbdedb;
}
body {font-family:'Segoe UI',Arial,sans-serif;}
.masthead { background: #f7f4e7; border-right-color: #9bc8c0; }
.brand { background: #9bc8c0; }
.masthead::after { background: #285f98; }
.subject strong { color: #68b8ae; }
.grade, .squares { color: #285f98; }
.course-title, .section-title { color: #172b39; }
.section-dots i.is-lit, .squares i { background: #285f98; }
#sections button { background: #edf3f2; color: #38525f; }
#sections button.active { background: #dff0ed; border-bottom-color: #285f98; color: #234f80; }
button { border-color: #285f98; }
.example-toggle { color: #285f98; border-color: #7ca7b6; }
.feedback { border-left-color: #71b9b0; }
.question-navigation button:hover { background: #edf7f5; color: #285f98; }
.storage .text-button { color: #285f98; border-color: #8aafb8; }