/* SkinShine shadows, gradients, motion */

:root {
  /* ---- Shadows — warm, diffuse, never gray ---- */
  --shadow-card:  0 2px 8px rgba(107, 72, 57, 0.06), 0 12px 32px rgba(107, 72, 57, 0.08);
  --shadow-raise: 0 4px 12px rgba(107, 72, 57, 0.10), 0 20px 48px rgba(107, 72, 57, 0.12);
  --shadow-inset-line: inset 0 0 0 1px var(--line-hairline);

  /* ---- Rose-gold metal gradient (from logo) ---- */
  --gradient-rosegold: linear-gradient(105deg, #6b4839 0%, #b08066 30%, #e9c3ae 50%, #c09884 70%, #886554 100%); /* @kind color */
  --gradient-rosegold-soft: linear-gradient(120deg, var(--ss-rosegold), var(--ss-terracotta));
  --gradient-blush-fade: linear-gradient(180deg, var(--ss-champagne) 0%, var(--ss-white) 100%);
  /* legibility scrim over photography */
  --gradient-scrim: linear-gradient(180deg, rgba(33, 26, 22, 0) 40%, rgba(33, 26, 22, 0.55) 100%); /* @kind color */

  /* ---- Motion — calm fades, no bounces ---- */
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --duration-fast: 160ms; /* @kind other */
  --duration-base: 260ms; /* @kind other */
  --duration-slow: 480ms; /* @kind other */
}