/* ============================================================
   SuroyWear · Shape & Depth
   Radius 4-14px. Soft, navy-tinted shadows. Hairline borders.
   ============================================================ */

:root {
  /* --- Radius --- */
  --sw-radius-sm:   4px;    /* buttons, chips, badges */
  --sw-radius-md:   8px;    /* cards */
  --sw-radius-lg:   14px;   /* large panels */
  --sw-radius-pill: 999px;  /* Commerce store pills */

  /* --- Shadows (soft, navy-tinted) --- */
  --sw-shadow-card: 0 1px 2px rgba(23, 23, 23, 0.06), 0 8px 24px rgba(22, 50, 74, 0.10);
  --sw-shadow-lift: 0 2px 4px rgba(23, 23, 23, 0.08), 0 16px 40px rgba(22, 50, 74, 0.16);

  /* --- Borders --- */
  --sw-border-width: 1px;
  --sw-border-width-strong: 1.5px;   /* ghost button on photo */
}