/* ============================================================
   WNN Properties — Radii, Borders & Shadows
   UI: button/input radius 6px, tag radius 4px.
   Cards: "edgy" style — 2px border, 8px radius.
   Shadows are restrained; the brand leans on solid borders.
   ============================================================ */
:root {
  /* Radii */
  --radius-button: 6px;
  --radius-input:  6px;
  --radius-tag:    4px;
  --radius-card:   8px;
  --radius-sm:     4px;
  --radius-md:     6px;
  --radius-lg:     8px;
  --radius-pill:   999px;

  /* Borders — the signature near-black 2px edge */
  --border-width:        2px;
  --border-width-hair:   1px;
  --divider-width:       2px;

  /* Shadows — used sparingly, on hover/elevation only */
  --shadow-xs:   0 1px 2px rgba(2, 8, 9, 0.06);
  --shadow-sm:   0 2px 6px rgba(2, 8, 9, 0.08);
  --shadow-md:   0 6px 18px rgba(2, 8, 9, 0.10);
  --shadow-lg:   0 18px 48px rgba(2, 8, 9, 0.14);
  /* "Edgy" offset shadow that echoes the solid-border aesthetic */
  --shadow-edge: 4px 4px 0 var(--neutral-7);

  /* Motion */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:    120ms; /* @kind other */
  --dur-base:    200ms; /* @kind other */
  --dur-slow:    320ms; /* @kind other */
}