/* Studio Samo PRO: variante blu scuro della directory docenti. */
:root {
  --ink: #f2f7ff;
  --muted: #b9cbe0;
  --line: #2a486d;
  --pale: #091b37;
}

body { background: #07162e; color: var(--ink); }
.site-header { background: #07142b; border-color: #213655; }
.site-footer { background: #07142b; border-top: 1px solid #213655; }
.button {
  color: #fff;
  background: linear-gradient(105deg, #075ebd, #3152c2);
  box-shadow: 0 9px 24px rgba(6, 72, 162, .2);
}
.button:hover { background: linear-gradient(105deg, #006dda, #345aca); }

.teachers-hero {
  background: radial-gradient(ellipse 57% 80% at 75% 43%, #173f79 0%, transparent 76%),
              linear-gradient(125deg, #08172e 5%, #0b244a 58%, #08172e 100%);
}
.teachers-hero::before {
  background: radial-gradient(ellipse 33% 58% at 17% 95%, rgba(40, 130, 243, .2), transparent 78%);
}
.teachers-hero-inner { padding-block: clamp(76px, 9vw, 126px); }
.teachers-hero h1 { max-width: 12ch; font-size: clamp(3.7rem, 7vw, 6rem); }
.teachers-hero-inner > span { color: #86c5ff; opacity: .8; }
.teachers-hero .teachers-eyebrow { color: #acd9ff; }

.teachers-directory {
  color: var(--ink);
  background: #091b37;
  border-top: 1px solid #28466a;
}
.directory-head { border-color: var(--line); }
.directory-head h2 { color: #f4f8ff; }
.teachers-directory .teachers-eyebrow { color: #a8d6ff; }
.alphabet a {
  color: #dcebfb;
  border-color: #365a80;
  background: #102b4d;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.alphabet a:hover { color: #fff; background: #225895; border-color: #72b7ff; }
.teacher-group h2 { color: #8bc8ff; }
.teacher-card {
  color: #f2f7ff;
  border-color: #345376;
  background: #102b4d;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.teacher-card:hover { background: #15365c; border-color: #5781ae; transform: translateY(-2px); }
.teacher-card img { width: 84px; height: 84px; max-height: none; border-radius: 12px; }
.teacher-card p { color: #c4d7ec; }

@media (max-width: 600px) {
  .teachers-hero h1 { font-size: clamp(3.6rem, 13vw, 5rem); }
  .teacher-card { gap: 16px; }
}