/* ============================================================
   SHAPE — shipped radius, border and shadow scales.
   Posters are the one place radius drops to 0.
   ============================================================ */
:root{
  --radius-0:   0px;    /* ADDITION — posters, full-bleed panels */
  --radius-2:   2px;    /* ADDITION — progress bars, rules */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-pill: 999px;

  /* Role aliases (ADDITION) — what to reach for */
  --radius-control:var(--radius-lg);   /* buttons, inputs, selects */
  --radius-badge:var(--radius-xs);     /* status badges */
  --radius-card:var(--radius-xl);      /* cards, tableCard, panels */
  --radius-poster:var(--radius-0);     /* posters, OG, ads */

  --border-xs: 1px;
  --border-sm: 2px;
  --border-md: 4px;
  --border-rule: 3px;   /* ADDITION — the Manuva rule above section heads */

  --shadow-sm:    0 1px 2px rgba(20,20,19,0.06);
  --shadow-card:  0 1px 3px rgba(20,20,19,0.07), 0 4px 12px rgba(20,20,19,0.05);
  --shadow-md:    0 4px 16px rgba(20,20,19,0.10);
  --shadow-lg:    0 12px 32px rgba(20,20,19,0.14);
  --shadow-focus: 0 0 0 3px rgba(58,94,255,0.18);
}