/* TV Marcelo — Spacing, radii, layout (4px base) */
:root{
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;
  --sp-7:48px;
  --sp-8:64px;
  --sp-9:96px;
  --sp-10:128px;

  --radius-none:0px;
  --radius-sm:4px;
  --radius-md:8px;      /* default card / control radius */
  --radius-lg:14px;
  --radius-pill:999px;

  --container:1200px;
  --gutter:24px;

  /* Signature diagonal cut used to break the grid */
  --cut:22px;
  --clip-cut-tr:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);/* @kind other */
  --clip-cut-bl:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut));/* @kind other */
}