/* Elevation, radii, borders, motion — baoyu-design System
   Soft, warm-tinted shadows; modest radii; calm easing. */

:root {
  /* Corner radii */
  --radius-xs:   3px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 999px;

  /* Borders */
  --border-hairline: 1px solid var(--border-subtle);
  --border-card:     1px solid var(--border-default);

  /* Shadows — warm, low-contrast (tinted toward ink, not pure black) */
  --shadow-xs: 0 1px 2px rgba(26,25,21,0.06);
  --shadow-sm: 0 1px 3px rgba(26,25,21,0.07), 0 1px 2px rgba(26,25,21,0.05);
  --shadow-md: 0 4px 12px rgba(26,25,21,0.08), 0 1px 3px rgba(26,25,21,0.06);
  --shadow-lg: 0 12px 32px rgba(26,25,21,0.10), 0 3px 8px rgba(26,25,21,0.06);
  --shadow-xl: 0 24px 56px rgba(26,25,21,0.14), 0 6px 16px rgba(26,25,21,0.08);

  /* Focus ring composite */
  --ring: 0 0 0 3px rgba(217,119,87,0.30);

  /* Motion */
  --ease-standard: cubic-bezier(0.32, 0.72, 0, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --duration-fast:   120ms; /* @kind other */
  --duration-normal: 200ms; /* @kind other */
  --duration-slow:   360ms; /* @kind other */
}