/* Yoga of Spaces — surfaces, borders and the image-treatment rule.
   There are no rounded corners, no card shadows and no floating panels anywhere
   in this system. Depth comes from photography and from one thing only:
   the soft elliptical contact shadow beneath a product cutout. */
:root{
  /* ── Corners: everything is square. Deliberately. ──────── */
  --radius-none:0;

  /* ── Borders & hairlines ───────────────────────────────── */
  --border-hairline:1px;
  --border-button:1px solid currentColor; /* @kind other */
  --rule-height:1px;
  --rule-opacity:.55; /* @kind other */              /* every brass rule is drawn at 55% */
  --rule-width-footer:150px;       /* stacked lockup rule */
  --rule-height-inline:26px;       /* vertical rule in the horizontal lockup */

  /* ── The image-treatment rule, as tokens ────────────────
     Product cutouts sit directly on the section's own ground colour with a
     soft elliptical contact shadow. Never on white, black, or a framed panel.
     Room scenes are full-bleed photographs, never inset or bordered. */
  --contact-shadow-width:46%;
  --contact-shadow-height:3.6%;
  --contact-shadow-on-green:radial-gradient(ellipse at center,rgba(16,24,20,.62) 0%,rgba(16,24,20,.28) 42%,rgba(16,24,20,0) 72%); /* @kind shadow */
  --contact-shadow-on-clove:radial-gradient(ellipse at center,rgba(74,58,38,.42) 0%,rgba(74,58,38,.18) 42%,rgba(74,58,38,0) 72%); /* @kind shadow */

  /* ── Lamplight glow: the bloom behind a lit cutout ─────── */
  --glow-lamp:radial-gradient(ellipse 62% 46% at 50% 34%,rgba(201,165,94,.40) 0%,rgba(201,165,94,.16) 45%,rgba(201,165,94,0) 72%); /* @kind shadow */
  --glow-lamp-soft:radial-gradient(ellipse 70% 52% at 50% 36%,rgba(201,165,94,.22) 0%,rgba(201,165,94,0) 68%); /* @kind shadow */

  /* ── Protection gradient over full-bleed photography ───── */
  --scrim-top:linear-gradient(rgba(35,46,40,.45),rgba(35,46,40,0)); /* @kind shadow */
  --scrim-bottom:linear-gradient(rgba(35,46,40,0),rgba(35,46,40,.55)); /* @kind shadow */

  /* ── Photography sizing ────────────────────────────────── */
  --hero-min-height:340px;
  --hero-max-height:62vh;
  --plinth-image-max-height:460px;
  --plinth-image-max-width:76%;
}