:root{
  /* Corners are nearly square. The brochure uses one small radius on plates
     and pills only for the two CTA-ish chips. */
  --radius-none:0;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-plate:14px;
  --radius-pill:999px;

  --border-width:1px;
  --border-width-rule:2px;

  /* Shadows are soft, warm and low-contrast — never grey/blue */
  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(44,23,16,.10);
  --shadow-card:0 10px 30px rgba(44,23,16,.14);
  --shadow-lift:0 18px 48px rgba(44,23,16,.22);
  --shadow-inset-brand:inset 0 0 0 1px rgba(240,235,216,.14);

  /* Photographic protection: a warm scrim so cream type stays legible on imagery */
  --scrim-bottom:linear-gradient(180deg,rgba(44,23,16,0) 38%,rgba(44,23,16,.72) 100%); /* @kind other */
  --scrim-left:linear-gradient(90deg,rgba(44,23,16,.80) 0%,rgba(44,23,16,.35) 46%,rgba(44,23,16,0) 78%); /* @kind other */
  --scrim-full:linear-gradient(180deg,rgba(44,23,16,.45) 0%,rgba(44,23,16,.55) 100%); /* @kind other */

  /* Textures shipped with the system */
  --texture-terracota:url("../assets/textures/fondo-terracota.png"); /* @kind other */
  --texture-crema:url("../assets/textures/grano-crema.png"); /* @kind other */
  --texture-sombra:url("../assets/textures/sombra.png"); /* @kind other */
}