/* ============================================================
   DEVIS · RADIUS, SHADOW & MOTION TOKENS
   Soft-but-architectural corners. Shadows are low, neutral and
   diffuse — quiet elevation, never heavy drop shadows.
   ============================================================ */

:root {
  /* ---- Radius ---- */
  --radius-xs:  0.25rem;   /* 4  — chips, inputs-sm */
  --radius-sm:  0.375rem;  /* 6  — badges, buttons-sm */
  --radius-md:  0.5rem;    /* 8  — buttons, inputs */
  --radius-lg:  0.625rem;  /* 10 — cards (web-app default) */
  --radius-xl:  0.875rem;  /* 14 — modals, large cards */
  --radius-2xl: 1.25rem;   /* 20 — hero panels */
  --radius-full: 999px;    /* pills, avatars, mic */
  /* alias used by web app */
  --radius: var(--radius-lg);

  /* ---- Shadows (neutral ink-tinted, layered, low) ---- */
  --shadow-xs:  0 1px 2px oklch(0.205 0.011 274 / 0.07);
  --shadow-sm:  0 1px 2px oklch(0.205 0.011 274 / 0.06),
                0 1px 3px oklch(0.205 0.011 274 / 0.08);
  --shadow-md:  0 2px 4px oklch(0.205 0.011 274 / 0.06),
                0 4px 12px oklch(0.205 0.011 274 / 0.09);
  --shadow-lg:  0 4px 8px oklch(0.205 0.011 274 / 0.07),
                0 12px 28px oklch(0.205 0.011 274 / 0.11);
  --shadow-xl:  0 8px 16px oklch(0.205 0.011 274 / 0.09),
                0 24px 56px oklch(0.205 0.011 274 / 0.15);
  /* focus ring */
  --ring-focus: 0 0 0 3px oklch(0.545 0.196 250 / 0.32);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   180ms; /* @kind other */
  --dur-slow:   280ms; /* @kind other */
  --dur-slower: 440ms; /* @kind other */
}