/* CETKing shared layout tokens. Framework/theme independent; Arena is the first consumer.
 * Matches cetking-network-core .ckn-wrap. Do not fork brand-specific widths.
 * CSS media queries cannot consume var(); build-arena.mjs resolves token() in src/layout.css.
 * Mobile legacy gutters remain intentional until their separately approved baseline change.
 */
:root {
  --ck-layout-max: 1180px;
  --ck-layout-gutter-desktop: 18px;
  --ck-layout-gutter-mobile: 10px;
  --ck-layout-header-desktop: 80px;
  --ck-layout-nav-desktop: 72px;
  --ck-layout-header-mobile: 50px;
  --ck-layout-nav-mobile: 64px;
  --ck-layout-breakpoint-mobile-max: 760px;
  --ck-layout-breakpoint-desktop: 761px;
  --ck-layout-breakpoint-admin: 783px;
  --ck-layout-admin-mobile: 46px;
  --ck-layout-admin-desktop: 32px;
}