/* ============================================================
   RPGadget — Effects: radius, borders, shadows, ornament
   ~6px radius, thin gold rules, restrained engraved shadows.
   ============================================================ */
:root {
  /* Radius */
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 6px;   /* default */
  --radius: var(--radius-md); /* public alias */
  --radius-lg: 8px;
  --radius-pill: 999px;

  /* Border widths */
  --border-hair: 1px;
  --border-rule: 1.5px;  /* gold rule */
  --border-heavy: 2px;

  /* Named borders */
  --border-panel:  var(--border-hair) solid var(--border-light);
  --border-gold:   var(--border-rule) solid var(--rule-gold);
  --border-inset:  var(--border-hair) solid var(--border-dark);

  /* Shadows — warm, low, engraved. No bluish drops. */
  --shadow-none: none;
  --shadow-sm:  0 1px 2px rgba(42, 36, 24, 0.16);
  --shadow-md:  0 2px 6px rgba(42, 36, 24, 0.20);
  --shadow-lg:  0 8px 24px rgba(32, 27, 17, 0.30);
  --shadow-panel: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 5px rgba(42,36,24,0.18);
  --shadow-inset: inset 0 1px 3px rgba(42, 36, 24, 0.28);

  /* Gilt glow — for active/gold elements */
  --glow-gold: 0 0 0 1px var(--gold-500), 0 0 12px color-mix(in srgb, var(--gold-400) 45%, transparent);

  /* Motion — quick, no bounce. Ink-on-vellum feel. */
  --ease-standard: cubic-bezier(0.2, 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-med:   200ms; /* @kind other */
  --dur-slow:  320ms; /* @kind other */
}