/* Corner radii, hairlines and the (deliberately shallow) elevation model.
   OpticArchery uses NO drop shadows anywhere — depth comes from layered
   surface values plus a 1px border. */
:root{
  --radius-xs:3px;   /* checkbox indicator */
  --radius-sm:4px;   /* progress bar, fps badge, status strip */
  --radius-md:5px;   /* error card */
  --radius-lg:8px;   /* combo box, spin box, sub-tab pane */
  --radius-xl:10px;  /* buttons, KPI card, score card, tab pane */
  --radius-2xl:11px; /* stepper step */
  --radius-3xl:12px; /* video well, icon button, tip card */
  --radius-card:14px;/* Card / RuleCard */

  --border-width:1px;
  --border-width-strong:2px; /* ActionButton, welcome card, score card */
  --border-width-accent:3px; /* selected tab underline */
  --divider:1px solid var(--border-soft);

  --shadow-none:none;
  --elevation-0:var(--bg);
  --elevation-1:var(--surface);
  --elevation-2:var(--surface-2);
}