:root {
  /* CSS HEX */
  --sky-blue-light: #7fbfd9ff;
  --teacher-cyan: #1fa3d7;
  --teacher-cyan-strong: #117fa8;
  --teacher-cyan-soft: #dff5fc;
  --student-yellow: #fdf100;
  --student-yellow-strong: #b7a800;
  --student-yellow-soft: #fffde6;
  --graphite: #282825ff;
  --graphite-rgba: rgba(40, 40, 37, 0.4);
  --banana-cream: #eee769ff;
  --muted-olive: #b6cd85ff;
  --white: #fefefeff;
  --admin-violet: #6658d3;
  --admin-violet-strong: #4d3eb9;
  --admin-violet-soft: #ece9ff;
  --surface-muted: #f6f3ff;
  --shadow-soft: 0 18px 40px rgba(40, 40, 37, 0.12);
  --header-height-mobile: 72px;
  --status-idle-bg: #ffffff;
  --status-idle-border: #6658d3;
  --status-active-bg: #6658d3;
}