/* Corners, lines, shadows, textures. The brand is flat - shadows are a UI concession,
   never a brand device (the guidelines forbid effects on the logo outright). */
:root{
  --radius-none:0;
  --radius-xs:4px;
  --radius-sm:8px;   /* inputs, small panels */
  --radius-md:12px;  /* default card */
  --radius-lg:20px;
  --radius-pill:999px; /* pill badges, buttons */
  --radius-circle:50%; /* quatrefoil petals, avatars */

  --border-width-hairline:1px;
  --border-width-strong:2px;

  --shadow-none:none;
  --shadow-soft:0 1px 2px rgba(47,55,47,.05);
  --shadow-card:0 2px 8px rgba(47,55,47,.06),0 1px 2px rgba(47,55,47,.04);
  --shadow-overlay:0 8px 28px rgba(47,55,47,.10),0 2px 4px rgba(47,55,47,.04);
  --focus-ring-width:2px;
  --focus-ring-offset:2px;

  /* image treatment: warm, natural light. Never cool-grade brand photography. */
  --image-filter-default:saturate(1.02);
  --image-overlay-protection:linear-gradient(180deg,rgba(47,55,47,0) 40%,rgba(47,55,47,.62) 100%);
  --image-overlay-flat:rgba(47,55,47,.4);
  --image-aspect-portrait:3/4;
  --image-aspect-landscape:3/2;
  --image-aspect-wide:16/9;

  /* Circle pattern - contained strip or edge accent, min 15% of page width */
  --pattern-min-width:15%;
  --blur-veil:blur(12px); /* used only over photography, never over flat colour */
}