:root{
  --grid-columns:4; /* @kind other */
  --grid-columns-md:8; /* @kind other */
  --grid-columns-lg:12; /* @kind other */
  --container-max:1600px;
  --container-text:720px;
  --folio-rail:112px;

  /* Shape */
  --radius-0:0px;
  --radius-utility:2px;
  --radius-soft:6px;
  --radius-pill:999px;
  --radius-1:2px;

  /* Rules */
  --rule-width-hair:1px;
  --rule-width-medium:2px;
  --rule-width-heavy:4px;

  /* Elevation — overlays only */
  --shadow-none:none;
  --shadow-overlay:0 24px 64px -24px color-mix(in oklab,var(--ink) 45%,transparent);
  --shadow-menu:0 12px 32px -16px color-mix(in oklab,var(--ink) 40%,transparent);

  --focus-width:2px;
  --focus-offset:2px;
  --target-min:44px;

  --aspect-landscape:3/2; /* @kind other */
  --aspect-cinematic:16/9; /* @kind other */
  --aspect-portrait:4/5; /* @kind other */
  --aspect-tall:2/3; /* @kind other */
  --aspect-square:1/1; /* @kind other */
  --aspect-panoramic:2.4/1; /* @kind other */
  --aspect-editorial:4/5; /* @kind other */
  --aspect-cinema:2.4/1; /* @kind other */
}
@media (min-width:768px){:root{--grid-columns:8 /* @kind other */}}
@media (min-width:1200px){:root{--grid-columns:12 /* @kind other */}}