/* NGIPL shape & effects — rectilinear, flat, print-like.
   The monogram is built from squares; the system stays square-cornered.
   Depth comes from hairline borders and ink-on-paper contrast, not shadows. */
:root {
  /* Radii — square by default */
  --radius-0: 0px;
  --radius-1: 2px;   /* inputs, small controls when softness is needed */
  --radius-round: 999px; /* switch knob only */

  /* Borders */
  --bw-hairline: 1px;
  --bw-strong: 2px;

  /* Shadows — flat system; overlays only */
  --shadow-none: none;
  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.22);

  /* Motion — quick, matter-of-fact; no bounce */
  --ease-brand: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */

  /* Focus */
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
}