/*
 * File: css/layout/context.css
 * Logic: Optional region context wrappers — layout tokens only, no visuals.
 * Visuals: use utilities (e.g. .bg-neutral-100) directly in Twig.
 */

.wsdt-header-top-wrap {
  --grid-gap: var(--space-sm);
}

.wsdt-header-wrap {
  --grid-gap: var(--space-md);
}

@media (min-width: 1024px) {
  .wsdt-header-wrap {
    --header-height: calc(var(--unit-base) * 20); /* 100px */
  }
}

.wsdt-hero-wrap {
  --grid-gap: 0;
}

.wsdt-main-wrap {
  --grid-gap: var(--space-lg);
}

.wsdt-footer-wrap {
  --grid-gap: var(--space-md);
}