:root {
  /* ---- radii ---- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 20px;   /* the default card radius */
  --radius-pill: 999px;

  /* ---- borders ---- */
  --border-width: 1px;
  --border-width-strong: 1.5px;
  --border-width-accent: 4px;   /* callout left rule */

  /* ---- elevation: restrained. paper, not glass. ---- */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(22, 33, 28, 0.06);
  --shadow-md: 0 2px 10px rgba(22, 33, 28, 0.07);
  --shadow-lift: 0 6px 22px rgba(22, 33, 28, 0.10);

  /* ---- motion ---- */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out-soft: cubic-bezier(0.16, 0.84, 0.44, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 340ms;

  /* ---- icon system ---- */
  --icon-stroke: 1.6;
  --icon-size-sm: 18px;
  --icon-size-md: 24px;
  --icon-size-lg: 32px;

  /* ---- textures ---- */
  --texture-placeholder: repeating-linear-gradient(135deg, #E7E3D8, #E7E3D8 14px, #F1EEE4 14px, #F1EEE4 28px);
  --texture-organic: radial-gradient(circle at 30% 30%, #7FCF9C, #1E874F 70%);
}