/* ============================================================
   Course Student — Curriculum page, Light theme overrides
   Chrome (nav/footer/btn/container) is themed by index-light.css.
   This file only re-skins the curriculum-specific components.
   ============================================================ */

:root[data-theme="light"] .crm-page { z-index: 1; }

:root[data-theme="light"] .crm-head h1 { color: var(--ink); }
:root[data-theme="light"] .crm-head h1 .accent {
  background: linear-gradient(135deg, var(--crimson), var(--gold));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
:root[data-theme="light"] .crm-head p { color: var(--muted); }

/* Stage chips */
:root[data-theme="light"] .crm-stage {
  background: #fff; border: 1px solid var(--line);
  color: var(--ink); box-shadow: 0 4px 14px rgba(123, 13, 30, .05);
}
:root[data-theme="light"] .crm-stage i { color: var(--crimson); }
:root[data-theme="light"] .crm-stage:hover,
:root[data-theme="light"] .crm-stage:focus-visible {
  border-color: var(--gold); box-shadow: 0 12px 28px rgba(212, 160, 23, .16);
}
:root[data-theme="light"] .crm-stage.active {
  background: linear-gradient(135deg, var(--crimson), var(--crimson-action));
  color: #fff; border-color: transparent;
  box-shadow: 0 12px 28px rgba(176, 32, 53, .28);
}
:root[data-theme="light"] .crm-stage.active i { color: var(--gold-light); }
:root[data-theme="light"] .crm-stage.active .tr-sub { color: rgba(255, 255, 255, .78); opacity: 1; }

/* Grade tabs */
:root[data-theme="light"] .crm-grade {
  border: 1.5px solid var(--line-strong); color: var(--crimson);
}
:root[data-theme="light"] .crm-grade:hover {
  border-color: var(--gold); background: rgba(212, 160, 23, .06);
}
:root[data-theme="light"] .crm-grade.active {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: #1a0608; border-color: transparent;
  box-shadow: 0 8px 22px rgba(212, 160, 23, .3);
}
:root[data-theme="light"] .crm-grade.active .tr-sub { color: rgba(26, 6, 8, .72); opacity: 1; }

/* Subject cards */
:root[data-theme="light"] .crm-card {
  background: linear-gradient(180deg, #ffffff, #fff7ef);
  border: 1px solid var(--line); box-shadow: 0 8px 24px rgba(123, 13, 30, .06);
}
:root[data-theme="light"] .crm-card:hover,
:root[data-theme="light"] .crm-card:focus-visible {
  border-color: var(--gold); box-shadow: 0 22px 48px rgba(123, 13, 30, .16);
}
:root[data-theme="light"] .crm-card-ic {
  background: rgba(212, 160, 23, .1); border-color: rgba(123, 13, 30, .18);
  color: var(--crimson-action);
}
:root[data-theme="light"] .crm-card h3 { color: var(--ink); }
:root[data-theme="light"] .crm-card-meta { color: var(--muted); opacity: .78; }
:root[data-theme="light"] .crm-card-meta i { color: var(--crimson); opacity: .7; }
:root[data-theme="light"] .crm-badge.is-free {
  background: rgba(46, 160, 90, .1); color: #1f7a47; border-color: rgba(46, 160, 90, .3);
}
:root[data-theme="light"] .crm-badge.is-locked {
  background: rgba(123, 13, 30, .05); color: var(--muted); border-color: var(--line);
}

/* Soon state */
:root[data-theme="light"] .crm-soon {
  border-color: var(--line-strong); background: rgba(212, 160, 23, .05);
}
:root[data-theme="light"] .crm-soon i { color: var(--crimson); }
:root[data-theme="light"] .crm-soon h3 { color: var(--ink); }
:root[data-theme="light"] .crm-soon p { color: var(--muted); }

/* Modal */
:root[data-theme="light"] .crm-modal-overlay { background: rgba(26, 6, 8, .24); }
:root[data-theme="light"] .crm-modal-dialog {
  background: #fff; border-color: var(--line);
  box-shadow: 0 26px 60px rgba(123, 13, 30, .2), 0 0 0 1px rgba(212, 160, 23, .08);
}
:root[data-theme="light"] .crm-modal-close {
  background: rgba(123, 13, 30, .06); border-color: var(--line); color: var(--muted);
}
:root[data-theme="light"] .crm-modal-close:hover { color: var(--ink); border-color: var(--gold); }
:root[data-theme="light"] .crm-modal-ic {
  background: rgba(212, 160, 23, .1); border-color: rgba(123, 13, 30, .18); color: var(--crimson-action);
}
:root[data-theme="light"] .crm-modal-head h2 { color: var(--ink); }
:root[data-theme="light"] .crm-modal-tr { color: var(--muted); }
:root[data-theme="light"] .crm-modal-head small { color: var(--muted); }
:root[data-theme="light"] .crm-block {
  background: rgba(212, 160, 23, .04); border: 1px solid var(--line);
}
:root[data-theme="light"] .crm-block i { color: var(--crimson); }
:root[data-theme="light"] .crm-block strong { color: var(--ink); }
:root[data-theme="light"] .crm-block span { color: var(--muted); }