:root{
  --radius-none:0px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:14px;
  --radius-xl:22px;
  --radius-pill:999px;

  --border-width:1px; /* @kind spacing */
  --border-width-strong:2px; /* @kind spacing */
  --rule:1px solid var(--border-hairline); /* @kind other */

  /* Soft, warm shadows — never neutral grey/blue */
  --shadow-xs:0 1px 2px rgba(15,35,25,.06);
  --shadow-sm:0 2px 8px rgba(15,35,25,.07);
  --shadow-md:0 10px 30px -12px rgba(15,35,25,.18);
  --shadow-lg:0 28px 64px -28px rgba(15,35,25,.30);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);

  /* Image protection gradient for hero overlays */
  --scrim-hero:linear-gradient(90deg,rgba(10,23,15,.86) 0%,rgba(10,23,15,.62) 42%,rgba(10,23,15,.12) 100%); /* @kind other */
  --scrim-bottom:linear-gradient(180deg,rgba(10,23,15,0) 40%,rgba(10,23,15,.72) 100%); /* @kind other */
  --glass-dark:rgba(15,35,25,.55);
}