/*
  Step 7 CSS Layering
  Base: styles.css (legacy compiled CSS for parity)
  Layer: tokens.css (design tokens)
  Layer: overrides.css (progressive cleanup and targeted fixes)
*/

html,
body {
  background: var(--color-bg);
  color: var(--color-fg);
  font-family: var(--font-sans);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}

.container {
  padding-left: var(--space-container-x);
  padding-right: var(--space-container-x);
}

.section-padding {
  padding-top: var(--space-section-y);
  padding-bottom: var(--space-section-y);
}

[role="region"][data-orientation="vertical"][hidden] {
  display: none;
}