/* File: /assets/css/components/sections.css
   Owner: EC
   Purpose: Common section patterns (hero, content, band)
   Version: 1.0
   Updated: 2025-11-09
   Notes (ALCOA-C):
     - Builds on .section and .container from base.css
     - No new colors; uses semantic tokens for bg/surface/border
*/

/* Hero: larger vertical rhythm and capped prose width */
.section--hero {
  padding-block: calc(var(--space-section-y) * 1.25);
}
.section--hero .u-prose { max-width: var(--content-max); }

/* Band: subtle separation using surface or border */
.section--band {
  background: var(--color-surface);
  border-top: var(--border-width) solid var(--color-border);
  border-bottom: var(--border-width) solid var(--color-border);
}

/* Dense: for dashboards/compact pages */
.section--dense { padding-block: var(--space-6); }