/**
 * Site Header Component
 * 
 * Styles for the top header section with centered title and description.
 * Dependencies: variables.css
 */

/* === Top Header === */
/* Top header (centered title) */
.site-header {
  padding: var(--spacing-xxxl) var(--spacing-xl);
  text-align: center;
}

.site-header h1 {
  margin: 0;
}

.site-header p {
  margin: var(--spacing-md) 0 0;
  color: var(--text-color-tertiary);
}