/* Shape. The brand is hard-edged: squares, diagonal cuts, no soft cards.
   Radius is near-zero everywhere except pills (phone chips) and the round icon tiles. */
:root{
  --pv-radius-0:0px;
  --pv-radius-xs:2px;
  --pv-radius-sm:4px;
  --pv-radius-md:6px;
  --pv-radius-pill:999px;

  --pv-border-hair:1px;
  --pv-border-thick:2px;
  --pv-rule-red:3px;

  /* The signature diagonal. Applied as skewX on ribbons/labels and as
     clip-path on image and banner corners. */
  --pv-skew:-14deg; /* @kind other */
  --pv-clip-slash-left:polygon(24px 0,100% 0,100% 100%,0 100%); /* @kind other */
  --pv-clip-slash-right:polygon(0 0,100% 0,calc(100% - 24px) 100%,0 100%); /* @kind other */
  --pv-clip-notch-tr:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%); /* @kind other */

  /* Shadows — used sparingly; the dark UI relies on contrast, not elevation.
     On light surfaces the shadow is tight and neutral, never soft/blurry. */
  --pv-shadow-none:none;
  --pv-shadow-sm:0 1px 2px rgba(0,0,0,.16);
  --pv-shadow-md:0 6px 18px rgba(0,0,0,.18);
  --pv-shadow-lg:0 18px 48px rgba(0,0,0,.28);
  --pv-shadow-red:0 8px 24px rgba(229,28,36,.28);
  --pv-inset-hair:inset 0 0 0 1px var(--pv-white-a08);

  /* Protection gradients — photos always carry one so type stays legible */
  --pv-scrim-bottom:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,.88) 100%); /* @kind color */
  --pv-scrim-left:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 55%,transparent 100%); /* @kind color */
  --pv-scrim-full:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.75)); /* @kind color */
  --pv-tread-fade:linear-gradient(180deg,rgba(229,28,36,.18),transparent 60%); /* @kind color */
}