/* Thuto's independent product identity. Mega-Bit is the host, not the visual brand. */
:root {
  --navy: #17162c;
  --navy2: #24213f;
  --ink: #20203a;
  --muted: #6d7089;
  --paper: #f7f7fb;
  --line: #e7e6f0;
  --red: #6557e8;
  --red2: #4c3fd0;
  --soft: #eeecff;
  --lime: #46d6b9;
  --gold: #ffb85c;
  --blue: #3198ca;
  --purple: #9a66d8;
  --shadow: 0 18px 55px rgba(43, 38, 91, .1);
  --display: ui-rounded, "SF Pro Rounded", Inter, ui-sans-serif, sans-serif;
}

.brand-symbol {
  border-radius: 14px;
  background: linear-gradient(145deg, #7b6cff, var(--red));
  box-shadow: 0 9px 24px rgba(101, 87, 232, .3);
}

.brand-symbol b { font-style: normal; font-size: 21px; }
.brand strong { font-family: var(--sans); font-size: 18px; font-weight: 800; letter-spacing: -.04em; }
.continue-visual { background: linear-gradient(145deg, #796aff, #4d40c8); }
.tutor-promo { background: linear-gradient(145deg, #5146c9, #7667f3); }
.light { color: #d7d2ff; }
.featured-assessment { background: linear-gradient(135deg, #17162c, #302b59); }
.chart > div { background: linear-gradient(var(--red), #9b90ff); }
.streak > span { color: #ff8c66; }
.profile-progress i, .lesson-progress i { background: #46d6b9; }