/* Liza Couture — Effects: radii, shadows, motion, dividers
   Soft, quiet, warm. Shadows are low and warm-tinted; radii are gentle.
   Nothing bounces — luxury moves calmly. */

:root {
  /* ---- Radii (gentle, mostly small; imagery can be sharp/editorial) ---- */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   14px;
  --radius-pill: 999px;

  /* ---- Shadows (warm-tinted, low elevation) ---- */
  --shadow-none: none;
  --shadow-sm:   0 1px 2px rgba(44, 37, 33, 0.05);
  --shadow-card: 0 8px 24px -12px rgba(44, 37, 33, 0.16);
  --shadow-lift: 0 16px 40px -18px rgba(44, 37, 33, 0.22);
  --shadow-modal:0 32px 80px -24px rgba(30, 27, 25, 0.34);

  /* ---- Motion (calm, no bounce) ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
  --dur-reveal: 700ms; /* @kind other */

  /* ---- Focus ---- */
  --focus-width: 2px;
  --focus-offset: 2px;

  /* ---- Ornamental divider (fine gold rule) ---- */
  --rule-gold: linear-gradient(90deg, transparent, var(--gold-soft) 20%, var(--gold-soft) 80%, transparent);
}

/* Reusable thin gold divider */
.rule-gold {
  height: 1px;
  border: 0;
  background: var(--rule-gold);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms; /* @kind other */
    --dur-base: 0ms; /* @kind other */
    --dur-slow: 0ms; /* @kind other */
    --dur-reveal: 0ms; /* @kind other */
  }
}