/* Floryn Packaging — Radii, shadows, borders, motion.
   The identity is editorial and restrained: small radii (near-square cards),
   hairline 1px borders, and soft warm-tinted shadows rather than hard drops. */

:root {
  /* Radii — minimal. The brand leans square/editorial. */
  --radius-xs:  2px;
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  18px;
  --radius-pill: 999px;

  /* Border widths */
  --border-hair: 1px;
  --border:      1.5px;
  --border-bold: 2px;

  /* Shadows — warm-tinted, low and soft (sit on cream) */
  --shadow-xs:  0 1px 2px rgba(40, 30, 16, 0.06);
  --shadow-sm:  0 1px 3px rgba(40, 30, 16, 0.07), 0 1px 2px rgba(40, 30, 16, 0.04);
  --shadow-md:  0 4px 14px rgba(40, 30, 16, 0.08), 0 2px 5px rgba(40, 30, 16, 0.05);
  --shadow-lg:  0 14px 40px rgba(40, 30, 16, 0.12), 0 4px 12px rgba(40, 30, 16, 0.06);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.5);

  /* Focus */
  --ring-width: 3px; /* @kind other */
  --ring-color: rgba(176, 125, 69, 0.40);  /* kraft-500 @ 40% */

  /* Motion — quiet and precise; no bounce. */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}