/* Identidade visual Conecta Gospel - subtema Gavassa */
:root {
  --navy: #071326;
  --navy-2: #0d2442;
  --ink: #14233a;
  --muted: #718097;
  --line: #e6dfd1;
  --bg: #f6f2e9;
  --gold: #f2b632;
  --blue: #1bb9dc;
  --green: #39b795;
  --shadow: 0 14px 35px rgba(7, 19, 38, .09);
}

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

/* A marca mantém Conecta Gospel e ganha Gavassa como subtema. */
.brand small::after,
.assessment-brand small::after,
.course-brand small::after,
.login-brand small::after,
.catalog-splash-brand small::after {
  content: ' | Gavassa';
  color: var(--gold);
  font-weight: 800;
}

.brand strong span,
.course-brand strong,
.login-brand strong span,
.catalog-splash-brand strong {
  color: var(--gold) !important;
}

.brand-mark,
.course-brand .brand-mark,
.login-brand .brand-mark,
.catalog-splash-mark {
  border-color: rgba(242, 182, 50, .82) !important;
  color: var(--gold) !important;
}

.brand-mark svg,
.course-brand svg,
.catalog-splash-mark svg {
  stroke: currentColor !important;
}

.sidebar,
.course-sidebar,
.admin-sidebar {
  background: linear-gradient(180deg, #071326 0%, #0b1d37 100%) !important;
}

.nav-item.active,
.course-nav a:hover,
.course-nav a.active,
.admin-nav a:hover,
.admin-nav a.active {
  color: #fff !important;
  background: rgba(27, 185, 220, .18) !important;
  box-shadow: inset 3px 0 var(--gold) !important;
}

.nav-item.active .nav-icon,
.course-nav a.active span,
.admin-nav a.active {
  color: #fff !important;
}

.nav-item.active .nav-icon,
.course-nav a.active span {
  color: var(--gold) !important;
}

.nav-item b,
.teacher-notification-button em,
.notification-button em {
  background: var(--gold) !important;
  color: var(--navy) !important;
}

.topbar,
.admin-header,
.course-topbar {
  background: rgba(255, 253, 248, .96) !important;
  border-color: var(--line) !important;
}

.primary-button,
.admin-primary-button,
.teacher-course-card button,
.course-card-action,
.login-submit,
.catalog-splash-card-button {
  background: var(--navy) !important;
  color: #fff !important;
}

.primary-button span,
.catalog-splash-card-button span,
.light-button span {
  color: var(--gold) !important;
}

.hero-card,
.teacher-welcome,
.teacher-course-hero,
.course-cover,
.catalog-splash-intro {
  background: linear-gradient(115deg, #071326 0%, #12365e 58%, #0d6d82 100%) !important;
}

.hero-card h2 strong,
.course-cover h1 strong,
.catalog-splash-intro h1 strong {
  color: var(--gold) !important;
}

.hero-tag,
.course-cover .eyebrow,
.teacher-course-hero .eyebrow,
.catalog-splash-eyebrow {
  color: #8ee7f1 !important;
}

.hero-tag span,
.catalog-splash-primary span {
  color: var(--gold) !important;
}

.panel,
.stat-card,
.teacher-course-card,
.course-section-panel,
.course-side-panel,
.login-card,
.catalog-splash-card {
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
}

.panel-heading h2,
.teacher-section-heading h2,
.teacher-lower-grid h2,
.teacher-content-strip h2,
.course-section-title,
.catalog-splash-section-heading h2,
.catalog-splash-card-body h3,
.login-card h1 {
  color: var(--navy) !important;
}

.text-link,
.course-card-action,
.teacher-course-card-action,
.teacher-detail-row-side a,
.teacher-resource-link,
.catalog-splash-footer a {
  color: #087f9e !important;
}

.progress i,
.progress .teal-bar,
.course-progress-fill {
  background: linear-gradient(90deg, var(--blue), var(--gold)) !important;
}

.stat-icon.gold,
.course-badge.orange,
.avatar-gold {
  color: var(--navy) !important;
  background: var(--gold) !important;
}

.teacher-content-strip,
.teacher-detail-actions,
.course-notice,
.catalog-splash-offer {
  border-color: rgba(27, 185, 220, .22) !important;
  background: #eef8f4 !important;
}

.catalog-splash-body,
.catalog-splash {
  color: var(--ink);
  background: var(--bg) !important;
}

.catalog-splash-topbar {
  border-color: var(--line) !important;
  background: rgba(255, 253, 248, .96) !important;
}

.catalog-top-link,
.catalog-modal-primary {
  color: #fff !important;
  background: var(--navy) !important;
}

.catalog-splash-card-art {
  background: linear-gradient(135deg, #071326, #104a69) !important;
}

.catalog-splash-card-art:nth-child(3n) {
  background: linear-gradient(135deg, #111d42, #164c70) !important;
}

.catalog-splash-card-art:before {
  background-position: center;
}

.catalog-splash-count {
  border-color: rgba(27, 185, 220, .35) !important;
  color: #087f9e !important;
  background: #eefaff !important;
}

.login-body {
  background: radial-gradient(circle at 20% 10%, rgba(242, 182, 50, .12), transparent 28%), linear-gradient(145deg, #071326, #12365e) !important;
}

.login-card {
  background: rgba(255, 253, 248, .98) !important;
}

.login-footer a,
.catalog-top-admin {
  color: #087f9e !important;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(27, 185, 220, .42);
  outline-offset: 2px;
}

@media (max-width: 650px) {
  .brand small::after,
  .assessment-brand small::after,
  .course-brand small::after,
  .login-brand small::after,
  .catalog-splash-brand small::after {
    content: ' | Gavassa';
  }
}