/* Shared ICC student identity. Status colours and learning content retain their meaning. */
html[data-student-theme="red"] {
  color-scheme: light;
  --student-red: #b4233b;
  --student-red-deep: #70152b;
  --student-red-dark: #450c18;
  --student-rose: #fff0f2;
  --student-page: #fff7f7;
  --primary: #b4233b; --primary2: #90162d; --accent: #b4233b;
  --brand: #b4233b; --brand2: #70152b;
  --blue: #b4233b; --blue2: #90162d; --navy: #70152b;
  --bg: #fff7f7; --soft: #fff0f2; --page: #fff7f7; --paper: #fff7f7;
  --ink: #2c1720; --text: #2c1720; --muted: #705961; --line: #ead6dc;
  --tintPrimary: rgba(180,35,59,.12);
  --focus: 0 0 0 4px rgba(180,35,59,.18);
  --ora-navy-950: #450c18; --ora-navy-900: #70152b; --ora-navy-800: #8f1e38;
  --ora-blue: #b4233b; --ora-blue-soft: #fff0f2; --ora-cyan: #ffc4d0;
  --icc-blue: #b4233b; --icc-navy: #70152b; --icc-soft: #fff7f7; --icc-line: #ead6dc;
  --la-blue: #b4233b; --la-navy: #70152b; --la-bg: #fff7f7; --la-line: #ead6dc;
  background: var(--student-page);
}
html[data-student-theme="red"] body {
  background: radial-gradient(900px 500px at 95% 0,rgba(180,35,59,.08),transparent 70%),var(--student-page) !important;
}
html[data-student-theme="red"] body::before {
  background: linear-gradient(135deg,#450c18,#70152b 62%,#941e37);
}
html[data-student-theme="red"] :is(.appBar,.heroTop,.sideNav,.brand-panel,.splash,.afia-hero,.icc-hero,.top,.bar,.la-top) {
  background: linear-gradient(135deg,#450c18,#70152b 62%,#941e37) !important;
  border-color: #a24359;
  color: #fff;
}
html[data-student-theme="red"] :is(.topbar,.icc-topbar) {
  background: linear-gradient(135deg,#70152b,#941e37);
  color: #fff;
  border-radius: 16px;
  padding: 20px;
  border-color: #a24359;
}
html[data-student-theme="red"] :is(.appBar,.top,.bar,.topbar,.icc-topbar,.la-top) :is(h1,h2,h3,.title,.school,.ora,.brandText h1,.la-brand strong,.icc-brand h1) {color:#fff}
html[data-student-theme="red"] :is(.appBar,.top,.bar,.topbar,.icc-topbar,.la-top) :is(p,small,.sub,.schoolMeta,.brandText p,.la-eyebrow,.eyebrow) {color:#ffe0e6}
html[data-student-theme="red"] :is(.studentEyebrow,.brand-eyebrow,.sideSub,.studentDescriptor) {color:#ffc4d0}
html[data-student-theme="red"] .hero::before {color:#70152b;border-left-color:#b4233b}
html[data-student-theme="red"] :is(.sideNav .navItem,.sideTitle) {color:#fff}
html[data-student-theme="red"] :is(.sideNav .navItem.active,.sideNav .navItem[data-tab].active) {background:rgba(255,196,208,.2);color:#fff}
html[data-student-theme="red"] .navItem.active::before {background:#ffb5c3}
html[data-student-theme="red"] :is(.btn.primary,.btnPrimary,.btn.blue,.button.primary,button.primary,button[type="submit"],#askTutorBtn,.icc-btn.primary,.la-btn.primary,.btnJoin,.btnMain,.send-btn,.send-button) {
  background: linear-gradient(135deg,#a61b34,#c12c46) !important;
  color:#fff !important;
  border-color:#a61b34 !important;
  box-shadow:0 5px 16px rgba(112,21,43,.15);
}
html[data-student-theme="red"] :is(.btn.primary,.btnPrimary,.btn.blue,.button.primary,button.primary,.icc-btn.primary,.la-btn.primary,.btnJoin,.btnMain):hover {background:#90162d !important}
html[data-student-theme="red"] :is(.topbar,.icc-topbar,.la-top,.bar) :is(a.btn,button:not(.primary),.la-btn:not(.primary)) {background:#fff0f2;color:#70152b;border-color:#ead6dc}
html[data-student-theme="red"] :is(.top,.appBar) a:not(.btn) {color:#fff}
html[data-student-theme="red"] :is(.tab.active,.icc-tab.active,.tabs button.active,.nav a.active,.navItem.active:not(.sideNav .navItem)) {background:#b4233b !important;color:#fff !important;border-color:#b4233b}
html[data-student-theme="red"] :is(.btnSoft,.button.secondary,.icc-btn.ghost,.subjCard .pill) {background:#fff0f2;color:#70152b;border-color:#ead6dc}
html[data-student-theme="red"] :is(.card,.subjCard,.qaCard,.item,.la-card,.icc-card,.login-card) {border-color:#ead6dc}
html[data-student-theme="red"] :is(.input,input,select,textarea):focus {border-color:#b4233b;box-shadow:0 0 0 3px rgba(180,35,59,.16)}
html[data-student-theme="red"] :focus-visible {outline-color:#b4233b}
html[data-student-theme="red"] :is(.brand-footer,.heroTop .chip) {color:#ffe0e6}
html[data-student-theme="red"] .login-panel {background:radial-gradient(circle at 84% 9%,rgba(180,35,59,.07),transparent 26%),#fff7f7}
html[data-student-theme="red"] .school a {color:inherit}
html[data-student-theme="red"] .appBar .brandText h1 span {color:#ffc4d0}
html[data-student-theme="red"] .kpiCard::before {background:linear-gradient(90deg,#b4233b,#e595a5)}
html[data-student-theme="red"] .user-row .message-bubble {background:#fff0f2}
@media print {
  html[data-student-theme="red"],html[data-student-theme="red"] body {background:#fff !important}
}

/* ESL English Academy */
/* Shared ICC student identity. Status colours and learning content retain their meaning. */
html[data-student-theme="green"] {
  color-scheme: light;
  --student-red: #18805d;
  --student-red-deep: #125944;
  --student-red-dark: #083b2e;
  --student-rose: #edf7f1;
  --student-page: #f4f8f5;
  --primary: #18805d; --primary2: #12684b; --accent: #18805d;
  --brand: #18805d; --brand2: #125944;
  --blue: #18805d; --blue2: #12684b; --navy: #125944;
  --bg: #f4f8f5; --soft: #edf7f1; --page: #f4f8f5; --paper: #f4f8f5;
  --ink: #17382c; --text: #17382c; --muted: #5a7165; --line: #d8e8dd;
  --tintPrimary: rgba(24,128,93,.12);
  --focus: 0 0 0 4px rgba(24,128,93,.18);
  --ora-navy-950: #083b2e; --ora-navy-900: #125944; --ora-navy-800: #8f1e38;
  --ora-blue: #18805d; --ora-blue-soft: #edf7f1; --ora-cyan: #c0e8d1;
  --icc-blue: #18805d; --icc-navy: #125944; --icc-soft: #f4f8f5; --icc-line: #d8e8dd;
  --la-blue: #18805d; --la-navy: #125944; --la-bg: #f4f8f5; --la-line: #d8e8dd;
  background: var(--student-page);
}
html[data-student-theme="green"] body {
  background: radial-gradient(900px 500px at 95% 0,rgba(24,128,93,.08),transparent 70%),var(--student-page) !important;
}
html[data-student-theme="green"] body::before {
  background: linear-gradient(135deg,#083b2e,#125944 62%,#1b7654);
}
html[data-student-theme="green"] :is(.appBar,.heroTop,.sideNav,.brand-panel,.splash,.afia-hero,.icc-hero,.top,.bar,.la-top) {
  background: linear-gradient(135deg,#083b2e,#125944 62%,#1b7654) !important;
  border-color: #327e60;
  color: #fff;
}
html[data-student-theme="green"] :is(.topbar,.icc-topbar) {
  background: linear-gradient(135deg,#125944,#1b7654);
  color: #fff;
  border-radius: 16px;
  padding: 20px;
  border-color: #327e60;
}
html[data-student-theme="green"] :is(.appBar,.top,.bar,.topbar,.icc-topbar,.la-top) :is(h1,h2,h3,.title,.school,.ora,.brandText h1,.la-brand strong,.icc-brand h1) {color:#fff}
html[data-student-theme="green"] :is(.appBar,.top,.bar,.topbar,.icc-topbar,.la-top) :is(p,small,.sub,.schoolMeta,.brandText p,.la-eyebrow,.eyebrow) {color:#d9f1e2}
html[data-student-theme="green"] :is(.studentEyebrow,.brand-eyebrow,.sideSub,.studentDescriptor) {color:#c0e8d1}
html[data-student-theme="green"] .hero::before {color:#125944;border-left-color:#18805d}
html[data-student-theme="green"] :is(.sideNav .navItem,.sideTitle) {color:#fff}
html[data-student-theme="green"] :is(.sideNav .navItem.active,.sideNav .navItem[data-tab].active) {background:rgba(192,232,209,.2);color:#fff}
html[data-student-theme="green"] .navItem.active::before {background:#a9dfc0}
html[data-student-theme="green"] :is(.btn.primary,.btnPrimary,.btn.blue,.button.primary,button.primary,button[type="submit"],#askTutorBtn,.icc-btn.primary,.la-btn.primary,.btnJoin,.btnMain,.send-btn,.send-button) {
  background: linear-gradient(135deg,#147653,#208866) !important;
  color:#fff !important;
  border-color:#147653 !important;
  box-shadow:0 5px 16px rgba(18,89,68,.15);
}
html[data-student-theme="green"] :is(.btn.primary,.btnPrimary,.btn.blue,.button.primary,button.primary,.icc-btn.primary,.la-btn.primary,.btnJoin,.btnMain):hover {background:#12684b !important}
html[data-student-theme="green"] :is(.topbar,.icc-topbar,.la-top,.bar) :is(a.btn,button:not(.primary),.la-btn:not(.primary)) {background:#edf7f1;color:#125944;border-color:#d8e8dd}
html[data-student-theme="green"] :is(.top,.appBar) a:not(.btn) {color:#fff}
html[data-student-theme="green"] :is(.tab.active,.icc-tab.active,.tabs button.active,.nav a.active,.navItem.active:not(.sideNav .navItem)) {background:#18805d !important;color:#fff !important;border-color:#18805d}
html[data-student-theme="green"] :is(.btnSoft,.button.secondary,.icc-btn.ghost,.subjCard .pill) {background:#edf7f1;color:#125944;border-color:#d8e8dd}
html[data-student-theme="green"] :is(.card,.subjCard,.qaCard,.item,.la-card,.icc-card,.login-card) {border-color:#d8e8dd}
html[data-student-theme="green"] :is(.input,input,select,textarea):focus {border-color:#18805d;box-shadow:0 0 0 3px rgba(24,128,93,.16)}
html[data-student-theme="green"] :focus-visible {outline-color:#18805d}
html[data-student-theme="green"] :is(.brand-footer,.heroTop .chip) {color:#d9f1e2}
html[data-student-theme="green"] .login-panel {background:radial-gradient(circle at 84% 9%,rgba(24,128,93,.07),transparent 26%),#f4f8f5}
html[data-student-theme="green"] .school a {color:inherit}
html[data-student-theme="green"] .appBar .brandText h1 span {color:#c0e8d1}
html[data-student-theme="green"] .kpiCard::before {background:linear-gradient(90deg,#18805d,#e595a5)}
html[data-student-theme="green"] .user-row .message-bubble {background:#edf7f1}
@media print {
  html[data-student-theme="green"],html[data-student-theme="green"] body {background:#fff !important}
}