/* ============================================================
   EFFECTS TOKENS — radii, shadows, transitions, ornaments
   Large rounded corners, soft warm shadows, elegant easing.
   ============================================================ */
:root {
  /* ---- Radius ---- */
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   22px;   /* cards & buttons default (20–24px) */
  --radius-xl:   28px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Shadows (warm, soft) ---- */
  --shadow-sm:  0 2px 10px rgba(27, 42, 58, 0.06);
  --shadow-md:  0 12px 32px rgba(27, 42, 58, 0.10);
  --shadow-lg:  0 24px 60px rgba(27, 42, 58, 0.14);
  --shadow-gold: 0 14px 34px rgba(167, 126, 63, 0.30);
  --shadow-dark: 0 24px 60px rgba(0, 0, 0, 0.45);

  /* ---- Borders ---- */
  --border-thin: 1px solid var(--line-gold);                 /* @kind other */
  --border-card-light: 1px solid rgba(199, 168, 107, 0.28);  /* @kind other */
  --border-card-dark:  1px solid rgba(199, 168, 107, 0.22);  /* @kind other */

  /* ---- Transitions / easing ---- */
  --ease-soft:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --dur-fast:    180ms;  /* @kind other */
  --dur-base:    320ms;  /* @kind other */
  --dur-slow:    640ms;  /* @kind other */

  /* ---- Decorative ---- */
  --dot-gold: radial-gradient(circle, var(--gold-500) 0 2px, transparent 2px); /* @kind other */
  --blur-veil: blur(14px); /* @kind other */
}