/* Borders, radii, elevation, motion. Bootstrap Italia is a low-elevation,
   square-cornered system: cards have a 1px border and NO radius; only overlays,
   dropdowns and floating elements use shadow. */
:root{
  --radius-sm:2px;
  --radius:4px;          /* buttons, inputs-in-cards, accordions, badges */
  --radius-lg:8px;       /* .btn-lg */
  --radius-xl:1rem;
  --radius-pill:50rem;
  --radius-chip:12px;    /* chip height 24px → fully rounded */
  --radius-card:0;       /* cards are square */
  --radius-circle:50%;

  --border-width:1px;
  --border-width-strong:2px;   /* callout rails, outline buttons */
  --border:1px solid var(--border-default);
  --border-rail:2px solid var(--mrt-slate-600); /* callout-highlight left rail */

  --shadow-sm:0 .125rem .25rem rgba(0,0,0,.075);
  --shadow:0 .5rem 1rem rgba(0,0,0,.15);        /* dropdowns, sticky header */
  --shadow-lg:0 1rem 3rem rgba(0,0,0,.175);
  --shadow-card-hover:0 .5rem 1rem rgba(0,0,0,.15);
  --shadow-inset-active:inset 0 3px 5px rgba(0,0,0,.125);

  --duration-fast:.05s; /* @kind other */
  --duration:.15s; /* @kind other */
  --duration-slow:.2s; /* @kind other */
  --ease:ease-in-out; /* @kind other */
  --ease-out:ease-out; /* @kind other */
  --transition-interactive:color var(--duration) var(--ease),background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);

  --hit-target-min:44px;  /* AgID / WCAG touch target floor */
}