/* =========================================================
   Smt. Kumudaben Darbar College – CSS Variables (root.css)
   Designed by RishStack Technologies (OPC) Pvt. Ltd.
   ========================================================= */

:root {
  /* ── Header & Navigation ── */
  --header-bg:    #ffffff;
  --header-text:  #1e3a8a;
  --menu-bg:      #1e3a8a;
  --menu-text:    #ffffff;
  --menu-hover:   #f59e0b;
  --menu-active:  #1e40af;

  /* ── Home / Content Area ── */
  --content-bg:   #f8fafc;
  --section-bg:   #ffffff;
  --accent-color: #2563eb;
  --accent-alt:   #f59e0b;

  /* ── Heading Typography (H1–H6) ── */
  --h1-color: #1e3a8a;
  --h2-color: #1e3a8a;
  --h3-color: #1e40af;
  --h4-color: #334155;
  --h5-color: #475569;
  --h6-color: #64748b;

  /* ── Paragraph / Body Text ── */
  --p-color:  #334155;
  --p-light:  #64748b;
  --p-muted:  #94a3b8;

  /* ── Footer ── */
  --footer-bg:     #0f172a;
  --footer-text:   #f8fafc;
  --footer-link:   #f59e0b;
  --footer-border: #f59e0b;

  /* ── Utility ── */
  --border-radius: 0.75rem;
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.12);
  --shadow-lg:     0 10px 30px rgba(0,0,0,0.15);
  --transition:    all 0.25s ease;
}

/* Apply heading colors globally */
h1 { color: var(--h1-color); }
h2 { color: var(--h2-color); }
h3 { color: var(--h3-color); }
h4 { color: var(--h4-color); }
h5 { color: var(--h5-color); }
h6 { color: var(--h6-color); }
p  { color: var(--p-color);  }

html { scroll-behavior: smooth; }

*:focus-visible {
  outline: 3px solid var(--accent-alt);
  outline-offset: 2px;
}