/* Reverie Bridal Outlet — Radius, shadow, border & motion tokens.
   The brand reads soft & editorial: gentle radii, low-contrast shadows,
   a signature 1px gold keyline echoing the guideline page frames. */
:root {
  /* ---- Corner radii (soft, never bubbly) ---- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   28px;
  --radius-pill: 999px;
  --radius-card: var(--radius-md);

  /* ---- Borders ---- */
  --border-hairline: 1px solid var(--border-subtle);
  --border-keyline:  1px solid var(--rbo-gold);   /* signature gold frame */
  --border-ink:      1px solid var(--rbo-reverie-blue);

  /* ---- Shadows (diffuse, cool, low-opacity — soft daylight) ---- */
  --shadow-xs: 0 1px 2px rgba(52, 79, 98, 0.06);
  --shadow-sm: 0 2px 8px rgba(52, 79, 98, 0.07);
  --shadow-md: 0 8px 24px rgba(52, 79, 98, 0.09);
  --shadow-lg: 0 18px 48px rgba(52, 79, 98, 0.12);
  --shadow-focus: 0 0 0 3px rgba(235, 195, 99, 0.55); /* gold focus ring */

  /* ---- Motion (calm, editorial; 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:   140ms; /* @kind other */
  --dur-med:    240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
}