/* BEX layout — full-bleed sections, one message per viewport. */
:root{
  --container-max:1383px;
  --section-height:100vh;
  --header-height:60px;      /* inferred: 32px nav button + vertical padding */
  --chat-bar-height:56px;    /* inferred from the source description */
  --hero-cta-width:200px;
  --hero-cta-width-secondary:160px;
  --control-size:44px;       /* carousel arrows, icon buttons */
  --control-size-sm:32px;    /* nav button min-height */
  --card-ratio-category:2/1; /* @kind other */

  /* Breakpoints — documentation tokens; media queries repeat the literals */
  --bp-mobile:768px;
  --bp-tablet:1024px;
  --bp-desktop:1440px;
}