:root{
  /* Signature Curve: asymmetric, one-corner radius. Component-level: single brand color, lock ONE corner per
     component type (this system locks top-right). Page/banner-level curve (two-color divider) is used once per
     asset, never combined with component-level curves on the same screen. */
  --radius-signature:28px;
  --radius-md:8px;
  --radius-sm:4px;
  --radius-none:0px;
  --curve-component: var(--radius-none) var(--radius-signature) var(--radius-none) var(--radius-none); /* top-right only */
  --curve-page: var(--radius-none) var(--radius-none) var(--radius-none) var(--radius-signature); /* bottom-left — page/banner scale, once per asset */
  --shadow-none:none; /* brand keeps depth flat; hierarchy comes from color contrast, not shadow */
}