/* Studio SCI light-blue visual identity. */
:root {
  --bg: #f3f9fc;
  --panel-2: #e7f3f9;
  --line: #cce1ec;
  --studio: #2f7ca3;
  --studio-dark: #1f5d7b;
  --shadow: 0 10px 28px rgba(35, 91, 119, .09);
}

body {
  background: var(--bg);
}

.sidebar {
  background: #fbfdff;
  border-color: #cce1ec;
}

.login-brand {
  background: #c7e8f7;
  color: #173b4e;
}

.login-brand p {
  color: #28566d;
  opacity: 1;
}

.brand-mark {
  background: #ffffff;
  color: var(--studio-dark);
  box-shadow: 0 5px 16px rgba(31, 93, 123, .14);
}

.nav button.active,
.nav button:hover,
.btn-light,
.role-chip,
.status {
  background: #e5f2f8;
}

.card,
.tile,
.table-wrap,
.form-panel,
.login-card {
  border-color: #cce1ec;
}

.avatar {
  background: #d9eef8;
  color: var(--studio-dark);
}

.btn {
  background: var(--studio);
}

.btn:hover {
  background: var(--studio-dark);
}

.track {
  background: #deedf4;
}

.student-action-card[data-view="agenda"] {
  --card-bg: #e8f5fb;
  --card-border: #83bbd7;
  --card-accent: #27769c;
}

@media (max-width: 980px) {
  .student-shell .sidebar {
    background: #fbfdff;
  }
}