:root{
  --radius-xs:4px; --radius-sm:8px; --radius-md:12px; --radius-lg:20px;
  --radius-xl:32px; --radius-pill:999px;
  --radius-card:var(--radius-lg);
  --radius-control:var(--radius-pill);
  --radius-media:var(--radius-lg);

  --border-hairline:1px; /* @kind spacing */
  --border-thick:2px; /* @kind spacing */

  --shadow-xs:0 1px 2px rgba(26,24,23,.06);
  --shadow-sm:0 2px 6px -1px rgba(26,24,23,.08),0 1px 2px rgba(26,24,23,.05);
  --shadow-md:0 12px 28px -12px rgba(26,24,23,.18);
  --shadow-lg:0 28px 60px -24px rgba(26,24,23,.26);
  --shadow-brand:0 14px 30px -14px rgba(211,46,35,.45);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-quiet);

  /* Protection gradient for type over photography (bottom-anchored) */
  --scrim-bottom:linear-gradient(to top,rgba(26,24,23,.78) 0%,rgba(26,24,23,.45) 42%,rgba(26,24,23,0) 82%); /* @kind other */
  --scrim-side:linear-gradient(to right,rgba(26,24,23,.72) 0%,rgba(26,24,23,.28) 55%,rgba(26,24,23,0) 100%); /* @kind other */
  --glass:rgba(255,255,255,.82); /* @kind color */
  --glass-blur:saturate(140%) blur(14px); /* @kind other */
}