/* ============================================================
   RADIUS & ELEVATION — Inventory System
   Pill geometry on every interactive shape. Card chrome stays 6px.
   No soft drop shadows — depth comes from ink/canvas polarity.
   ============================================================ */
:root {
  --radius-none: 0px;      /* full-bleed hero bands, footer, banners */
  --radius-xs: 1px;        /* tightest inline indicator (rare) */
  --radius-sm: 6px;        /* canonical content radius — images, inputs */
  --radius-card: 6px;      /* card chrome + image frames (alias of sm) */
  --radius-pill-md: 32px;  /* badge / chip pills */
  --radius-pill-lg: 60px;  /* signature CTA pill — every button */
  --radius-full: 9999px;   /* circular icon containers */

  /* Elevation — border-driven, never shadow */
  --elevation-0: none;                                   /* flat: most cards/panels */
  --elevation-1: 1px solid var(--color-ink);             /* hairline: inputs, dividers */
  --elevation-2: 1px solid var(--color-on-dark);         /* border on dark: outline btns on hero */
}