/* ==============================================
   LAYOUT.CSS
   Header, footer, and structural components
   ============================================== */

/* ===== STICKY HEADER WITH BORDER ===== */
#header {
  position: sticky;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid var(--theme-palette-color-5); /* rgba(0,0,0,0.08) */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* ===== FOOTER STYLES ===== */
/* Placeholder for footer customization */
#footer {
  border-top: 1px solid var(--theme-palette-color-5); 
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05); 
  background-color: var(--theme-palette-color-8) !important;
}