/* =============================================
   Bright Future Academy — School Theme
   Colors derived from official school logo
   Primary: Maroon | Accent: Golden Orange
   ============================================= */

:root {
  --primary:   #8B1A1A;   /* Maroon — logo text & torch */
  --dark:      #5C1010;   /* Dark maroon — navbar, footer */
  --gold:      #E8960C;   /* Golden orange — sun & flame */
  --gold-soft: #D4A843;   /* Gold — laurel wreath */
  --cream:     #FFFBEB;   /* Cream — logo background ring */
}

body { font-family: 'Segoe UI', sans-serif; }

/* Top bar */
.top-bar { background: var(--dark); color: #fde68a; font-size: 0.82rem; }

/* Navbar */
.navbar-school { background: var(--primary) !important; }
.navbar-school .navbar-brand img {
  height: 44px; width: 44px;
  border-radius: 50%; object-fit: cover;
  border: 2px solid var(--gold);
}
.navbar-school .nav-link { color: #fde68a !important; font-weight: 500; }
.navbar-school .nav-link:hover,
.navbar-school .nav-link.active { color: #fff !important; }

/* Page header (inner pages) */
.page-header {
  background: linear-gradient(135deg, var(--primary) 0%, var(--dark) 100%);
  color: white; padding: 50px 0;
}
.page-header .breadcrumb-item a { color: rgba(255,255,255,0.6); text-decoration: none; }

/* Section title with gold underline */
.section-title { color: var(--primary); font-weight: 700; }
.section-title::after {
  content: '';
  display: block; width: 48px; height: 3px;
  background: var(--gold); margin-top: 8px;
}

/* Buttons */
.btn-gold { background: var(--gold); color: #fff; font-weight: 600; border: none; }
.btn-gold:hover { background: #c97f08; color: #fff; }

/* Stats box */
.stat-box { background: var(--cream); border-radius: 12px; padding: 20px; text-align: center; }
.stat-box .num { font-size: 2rem; font-weight: 700; color: var(--primary); }

/* Notice board item */
.notice-item { border-left: 3px solid var(--gold); padding-left: 12px; }
.notice-item .title { font-weight: 600; color: var(--primary); }

/* Highlight card */
.highlight-card { border-left: 4px solid var(--primary); background: var(--cream); border-radius: 0 8px 8px 0; }

/* Quick links */
.quick-link {
  border: 2px solid #e5e7eb; border-radius: 12px;
  padding: 20px 12px; text-align: center;
  text-decoration: none; color: inherit; display: block;
  transition: all 0.2s;
}
.quick-link:hover {
  border-color: var(--gold);
  box-shadow: 0 4px 16px rgba(139,26,26,0.12);
  transform: translateY(-2px); color: var(--primary);
}
.quick-link i { font-size: 1.8rem; color: var(--gold); }

/* Footer */
footer { background: var(--dark); color: #fde68a; }
footer a { color: #fde68a; text-decoration: none; }
footer a:hover { color: #fff; }