/* Adshop — RMM Front Office · Radii, borders, shadows, motion
 * Conservative, trust-forward. Soft single-layer shadows; no heavy elevation. */

:root {
  /* Radii */
  --radius-sm: 4px;   /* chips, small controls */
  --radius-md: 8px;   /* buttons, inputs */
  --radius-lg: 16px;  /* cards, panels */
  --radius-pill: 999px;
  --radius-full: 50%;

  /* Border widths */
  --border-w: 1px;
  --border-w-focus: 2px;

  /* Shadows — single soft layer (design.md card shadow) */
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-card-hover: 0 4px 12px rgba(31, 71, 136, 0.12);
  --shadow-pop: 0 8px 24px rgba(17, 24, 39, 0.12); /* dialogs, dropdowns */
  --shadow-focus: 0 0 0 3px rgba(31, 71, 136, 0.18); /* focus ring halo */

  /* Motion */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */

  /* Controls */
  --control-h: 40px;       /* default button / input height */
  --control-h-sm: 32px;
  --control-h-lg: 48px;
  --tap-min: 44px;         /* min touch target */
}