/* ============================================================
   GBV 2026 — Radius & elevation
   Brand corner rule (04.2): the rounding equals HALF the shorter
   side of a surface and is applied to ONE corner only — preferably
   the top-left. That signature shape is exposed as a utility class
   below; the numeric scale handles everyday UI.
   ============================================================ */
:root {
  /* Everyday radii */
  --radius-xs:   3px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 999px;

  /* Borders & strokes — "correspond to the stroke width of the font" */
  --stroke-hairline: 1px;
  --stroke-default:  1.5px;
  --stroke-bold:     2px;

  /* Elevation — soft, navy-tinted, calm. The brand is bright and
     uncluttered; shadows stay subtle and never colored warm. */
  --shadow-xs: 0 1px 2px rgba(22, 38, 64, 0.06);
  --shadow-sm: 0 2px 6px rgba(22, 38, 64, 0.08);
  --shadow-md: 0 8px 20px rgba(22, 38, 64, 0.10);
  --shadow-lg: 0 18px 44px rgba(22, 38, 64, 0.14);
  --shadow-focus: 0 0 0 3px var(--focus-ring);
}

/* Signature single-corner rounding (top-left by default).
   50% of the shorter side ≈ a quarter-circle on square-ish blocks. */
.gbv-corner {
  border-top-left-radius: min(50cqmin, 50%);
}
.gbv-corner--tr { border-radius: 0; border-top-right-radius: min(50cqmin, 50%); }
.gbv-corner--bl { border-radius: 0; border-bottom-left-radius: min(50cqmin, 50%); }