/* ========================================
   HEADER.CSS - Header Layout Styles
   ======================================== */

.header {
  /* Styles are primarily in navigation.css */
  /* This file is for additional header-specific layouts */
}

/* If you need a sub-header or announcement bar */
.header-announcement {
  background-color: var(--color-primary);
  color: #ffffff;
  text-align: center;
  padding: var(--spacing-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

.header-announcement a {
  color: #ffffff;
  text-decoration: underline;
}

.header-announcement a:hover {
  color: var(--color-secondary);
}