/* Brylabs / Lesson Lab layout + spacing tokens */

:root {
  --shell-max: 1180px;       /* marketing content max width */
  --shell-pad-x: 40px;       /* marketing side padding */
  --section-pad-y: 96px;     /* marketing section vertical padding */
  --app-shell-max: 1280px;
  --app-sidebar-w: 248px;
  --hero-grid-cell: 44px;    /* hero background grid cell */
  --window-max: 1140px;      /* app-window hero visual max width */
}