/* ============================================================
   EFFECTS — radius, shadows, borders, motion
   Slybulwark Technologies.
   Cards on the source used a soft double-layer shadow:
   0 14px 28px rgba(0,0,0,.07), 0 10px 10px rgba(0,0,0,.05).
   Pill buttons (radius 38px) and squared brand buttons coexist.
   ============================================================ */
:root {
  /* --- Radius --- */
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;      /* .view / .view2 buttons (38px on ~45px height) */

  /* --- Shadows --- */
  --shadow-card: 0 14px 28px rgba(0, 0, 0, 0.07), 0 10px 10px rgba(0, 0, 0, 0.05);
  --shadow-card-hover: 0 22px 40px rgba(0, 0, 0, 0.12), 0 12px 16px rgba(0, 0, 0, 0.06);
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-nav: -7px 0 20px 1px rgba(0, 0, 0, 0.19);   /* source sidebar menu */
  --shadow-float: 2px 2px 3px rgba(153, 153, 153, 0.6); /* floating buttons */

  /* --- Borders --- */
  --border-width: 1px;                 /* @kind other */
  --border-accent-width: 4px;        /* @kind other */
  --accent-underline-w: 64px;        /* @kind other */

  /* --- Motion --- */
  --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: 0.18s;            /* @kind other */
  --dur-base: 0.3s;             /* @kind other */
  --dur-slow: 0.5s;             /* @kind other */
}