/* ── TRB Layout — radii, shadow, grid, components ────────────
   Grid: 12 columns · outer margin = 8% of the short edge ·
   headline block anchored bottom-left, sender top.
   Posters: headline cap-height ≥ 5% of format height. */
:root {
  /* Radii */
  --radius-pill:  999px;
  --radius-card:  16px;
  --radius-field: 12px;

  /* Layout */
  --grid-columns:  12;
  --margin-ratio:  8%;   /* of the short format edge */

  /* Shadow — only on hover for cards */
  --shadow-card-hover: 0 12px 32px rgba(53, 67, 93, 0.10);

  /* Component tokens */
  --btn-primary-bg:      var(--trb-orange);   /* 1× per view */
  --btn-primary-text:    var(--trb-navy);
  --btn-secondary-line:  var(--trb-dunkelteal);
  --field-border:        rgba(53, 67, 93, 0.25);
  --field-focus:         var(--trb-dunkelteal);
  --field-focus-ring:    rgba(64, 156, 140, 0.25); /* 4px ring */
  --card-border:         rgba(53, 67, 93, 0.10);
  --card-padding:        28px;

  /* Graphic element — "der Strich" */
  --strich-height: 8px;
  --strich-color:  var(--trb-dunkelteal);
}