/* Sidis shape and elevation.
   Flat by design: hairline borders and a sunken fill do all the layering work.
   There is no drop-shadow scale — the only box-shadow in the system is the focus ring. */

:root {
  --radius-sm: 6px;   /* badges, swatches, small chips */
  --radius-md: 8px;   /* buttons, inputs, table clip, sidebar nav */
  --radius-lg: 12px;  /* cards, panels */
  --radius-pill: 999px;

  /* Beacon cards keep a square left edge behind their 3px cyan rule */
  --radius-beacon: 0 12px 12px 0;
  --beacon-rule: 3px;

  --border-width: 1px;
  --border-hairline: 1px solid var(--color-border);
  --border-hairline-strong: 1px solid var(--color-border-strong);

  --focus-ring: 0 0 0 3px var(--color-focus-ring);
  --shadow-none: none;
}