/* ============================================================
   EFFECTS — radii, shadows, borders, motion
   The Masterplan reads premium & soft: generous rounding (echoing the
   rounded type), layered soft shadows, gold focus rings, calm easing.
   ============================================================ */

:root {
  /* corner radii */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-pill: 999px;

  /* border widths */
  --bw:        1px;
  --bw-strong: 1.5px;

  /* shadows — soft, navy-tinted, layered */
  --shadow-xs:  0 1px 2px rgba(21,22,47,0.06);
  --shadow-sm:  0 1px 2px rgba(21,22,47,0.06), 0 2px 6px rgba(21,22,47,0.06);
  --shadow-md:  0 2px 4px rgba(21,22,47,0.05), 0 8px 20px rgba(21,22,47,0.10);
  --shadow-lg:  0 8px 16px rgba(21,22,47,0.08), 0 20px 48px rgba(21,22,47,0.16);
  --shadow-xl:  0 24px 70px rgba(21,22,47,0.24);
  --shadow-gold: 0 8px 24px rgba(190,151,61,0.35);

  /* focus ring */
  --focus-ring: 0 0 0 3px var(--ring);

  /* motion */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */

  /* signature textured-pinstripe panel backgrounds (brand asset) */
  --bg-panel-navy:  url('../assets/backgrounds/bg-dark-blue.png');
  --bg-panel-gold:  url('../assets/backgrounds/bg-gold.png');
  --bg-panel-white: url('../assets/backgrounds/bg-white.png');
}