/* ============================================================
   THEME.CSS — LIGHT PROFESSIONAL THEME
   Inspired by top Indian school websites (DPS, Ryan, Amity)
   Colors are controlled by config/school.js → global.js
============================================================ */

:root {

  /* ── Core brand colors (overridden by JS from config) ────── */
  --primary:         #1a4fa0;
  --primary-rgb:     26, 79, 160;
  --accent:          #f59e0b;
  --accent-rgb:      245, 158, 11;

  /* ── Text ────────────────────────────────────────────────── */
  --text-body:       #374151;
  --text-heading:    #1e293b;
  --text-muted:      #6b7280;
  --text-faint:      #9ca3af;

  /* ── Backgrounds ─────────────────────────────────────────── */
  --page-bg:         #f8fafc;
  --section-bg-alt:  #eef2f7;
  --white:           #ffffff;

  /* ── Navigation ──────────────────────────────────────────── */
  --nav-bg:          #ffffff;
  --nav-text:        #1e293b;
  --nav-active-bg:   rgba(26, 79, 160, 0.08);
  --nav-active-text: #1a4fa0;

  /* ── Hero ────────────────────────────────────────────────── */
  --hero-bg:         #0f172a;
  --hero-heading:    #ffffff;
  --hero-accent:     #f59e0b;
  --hero-subtext:    rgba(255, 255, 255, 0.82);
  --hero-badge-bg:   rgba(245, 158, 11, 0.15);
  --hero-badge-text: #f59e0b;

  /* ── Buttons ─────────────────────────────────────────────── */
  --btn-primary-bg:    #1a4fa0;
  --btn-primary-text:  #ffffff;
  --btn-outline-border:rgba(26, 79, 160, 0.35);
  --btn-outline-text:  #1a4fa0;

  /* ── Cards ───────────────────────────────────────────────── */
  --card-bg:          #ffffff;
  --card-border:      #e2e8f0;
  --card-hover-border:#1a4fa0;

  /* ── Accent tags ─────────────────────────────────────────── */
  --accent-bg:        rgba(26, 79, 160, 0.08);
  --accent-text:      #1a4fa0;

  /* ── Shadows ─────────────────────────────────────────────── */
  --shadow-card:   0 2px 12px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.05);
  --shadow-hover:  0 8px 30px rgba(26,79,160,0.15), 0 2px 8px rgba(0,0,0,0.08);

  /* ── Subject card tints — generated by global.js color engine ── */
  --subject-1-bg: rgba(200,200,200,0.10); --subject-1-border: rgba(200,200,200,0.28);
  --subject-2-bg: rgba(200,200,200,0.10); --subject-2-border: rgba(200,200,200,0.28);
  --subject-3-bg: rgba(200,200,200,0.10); --subject-3-border: rgba(200,200,200,0.28);
  --subject-4-bg: rgba(200,200,200,0.10); --subject-4-border: rgba(200,200,200,0.28);
  --subject-5-bg: rgba(200,200,200,0.10); --subject-5-border: rgba(200,200,200,0.28);
  --subject-6-bg: rgba(200,200,200,0.10); --subject-6-border: rgba(200,200,200,0.28);

  /* ── Contact ─────────────────────────────────────────────── */
  --contact-bg:           #f8fafc;
  --contact-icon-bg:      rgba(26, 79, 160, 0.08);
  --contact-icon-border:  rgba(26, 79, 160, 0.18);

  /* ── Form ────────────────────────────────────────────────── */
  --form-bg:           #ffffff;
  --form-border:       #e2e8f0;
  --form-input-bg:     #f8fafc;
  --form-input-border: #d1d5db;
  --form-input-focus:  #1a4fa0;

  /* ── Footer ──────────────────────────────────────────────── */
  --footer-bg:     #0f172a;
  --footer-text:   rgba(200, 210, 230, 0.65);
  --footer-accent: #f59e0b;

  /* ── Typography ──────────────────────────────────────────── */
  --font-display: 'Poppins', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* ── Border radius ───────────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-pill: 50px;

}

/* ============================================================
   LIGHT THEME TEXT OVERRIDES
============================================================ */

.section-title,
.fc-name, .leader-name, .value-name, .tl-title,
.nc-title, .dept-name, .support-name, .award-name,
.stat-label, .stat-lbl, .form-title, .elig-title,
.step-title, .doc-name, .up-title, .social-card-name,
.leader-title,
h2:not(.page-banner h2), h3, h4 {
  color: var(--text-heading);
}

.section-desc,
.fc-qual, .leader-bio, .value-desc, .tl-desc,
.nc-excerpt, .dept-phone, .elig-desc, .step-desc,
.form-subtitle, .support-role, .up-desc,
.social-card-handle, .award-year {
  color: var(--text-muted);
}

.form-group label { color: #374151; }
.form-group input,
.form-group select,
.form-group textarea { color: #1e293b; }
.form-group input::placeholder,
.form-group textarea::placeholder { color: #9ca3af; }

.c-label { color: var(--text-muted); }
.c-value { color: var(--text-body); }
.c-value a { color: var(--primary); }

td { color: var(--text-body); }
th { color: var(--text-heading); background: var(--section-bg-alt); }

/* ============================================================
   PROFESSIONAL LIGHT STYLE OVERRIDES
============================================================ */

/* Navbar: clean white with border shadow */
.navbar {
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

/* Page banner: gradient from primary */
.page-banner {
  background: linear-gradient(135deg, #0f172a 0%, rgba(var(--primary-rgb), 0.92) 100%);
  border-bottom: none;
}

/* Cards: clean white with soft shadow */
.card, .card-tinted,
.fc, .leader-card,
.step-card, .elig-card, .award-card,
.dept-card, .support-card,
.form-card, .sb-card,
.value-card, .stat-card,
.news-card, .social-card {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: var(--shadow-card);
}

/* Buttons: clean hover */
.btn-primary:hover,
.form-submit:hover,
.btn:hover {
  box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.3), 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Active nav link */
.nav-links a.active {
  color: var(--nav-active-text);
  background: var(--nav-active-bg);
  text-shadow: none;
}

/* Back-to-top */
.back-to-top {
  box-shadow: 0 4px 14px rgba(var(--primary-rgb), 0.35);
}

/* Section tag */
.section-tag {
  border: 1px solid rgba(var(--primary-rgb), 0.2);
  box-shadow: none;
}

/* Hero badge */
.hero-badge {
  border: 1px solid rgba(var(--accent-rgb), 0.4);
  box-shadow: none;
}

/* Pill */
.pill {
  border: 1.5px solid rgba(var(--primary-rgb), 0.2);
}

/* Filter buttons */
.filter-btn.active,
.filter-btn:hover {
  box-shadow: 0 2px 10px rgba(var(--primary-rgb), 0.2);
}

/* Footer border */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* Remove dot-grid on light background */
.section-page,
body {
  background-image: none;
}

/* Scrollbar: clean light */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Section alt background for light theme */
.section-alt { background: var(--section-bg-alt); }

/* Stat numbers — make primary color pop */
.stat-num, .stat-value {
  color: var(--primary) !important;
}

/* News card light */
.news-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
}
.news-card:hover {
  border-color: var(--primary);
}