/* ============================================================
   DAMASK — RADIUS & DEPTH TOKENS
   Restrained, architectural. Small radii dominate. The system is
   intentionally flat: depth comes from tonal layering, not shadow.
   ============================================================ */
:root {
  --radius-none: 0px;
  --radius-sm:   4px;   /* buttons, inputs, chips-square */
  --radius-md:   8px;   /* cards */
  --radius-lg:   12px;  /* large panels */
  --radius-xl:   16px;  /* feature plates */
  --radius-full: 9999px;/* chips, pills, avatars */

  /* Elevation — used sparingly. Prefer borders/tonal shifts. */
  --shadow-none: none;
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.30);
  --shadow-md:   0 8px 28px rgba(0,0,0,0.35);
  --shadow-focus:0 0 0 3px rgba(224,141,87,0.45); /* amber-70 focus */

  /* Motion — quiet and functional. Fades over bounces. */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-emphasis: cubic-bezier(0.2, 0.7, 0.2, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-normal: 240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
}