/* MONO Boulder — Radius, borders, shadow, motion
   Crisp corners, hairline borders, light glassy shadows. No heavy drop shadows. */

:root {
  /* Radius — tight, architectural */
  --r-xs:   2px;
  --r-sm:   4px;
  --r-md:   6px;
  --r-lg:   10px;
  --r-xl:   16px;
  --r-2xl:  24px;
  --r-pill: 999px;

  /* Borders */
  --bw-hair: 1px;
  --bw-med:  1.5px;
  --bw-bold: 2px;

  /* Shadows — soft, cool, low. Light behaves like it does through glass. */
  --shadow-xs: 0 1px 2px rgba(26, 27, 25, 0.06);
  --shadow-sm: 0 2px 6px rgba(26, 27, 25, 0.07);
  --shadow-md: 0 6px 20px rgba(26, 27, 25, 0.08);
  --shadow-lg: 0 18px 48px rgba(26, 27, 25, 0.12);
  --shadow-glass: 0 12px 40px rgba(44, 70, 200, 0.10);

  /* Motion — calm, natural. No bounce. */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:  120ms; /* @kind other */
  --dur-base:  200ms; /* @kind other */
  --dur-slow:  360ms; /* @kind other */

  /* Frosted-glass blur (glass & light motif) */
  --blur-glass: 16px; /* @kind other */
}