/* ============================================================
   NR — Effects: radii, borders, shadows, motion
   The mark is built from thin squared frames, so the system
   favours small radii, hairline rules and soft, low shadows.
   ============================================================ */

:root {
  /* ---- Radii (restrained — the brand is squared, not pill) ---- */
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-xl:   16px;
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --border-hair: 1px;
  --border-thin: 1.5px;
  --border-med:  2px;

  /* ---- Shadows (soft, warm-neutral, low elevation) ---- */
  --shadow-xs: 0 1px 2px rgba(5,22,27,0.06);
  --shadow-sm: 0 2px 6px rgba(5,22,27,0.07);
  --shadow-md: 0 8px 24px rgba(5,22,27,0.10);
  --shadow-lg: 0 18px 48px rgba(5,22,27,0.14);
  --shadow-copper: 0 12px 34px rgba(110,71,37,0.28);

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

  /* ---- Motion: quiet, refined, no bounce ---- */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:  140ms; /* @kind other */
  --dur-base:  220ms; /* @kind other */
  --dur-slow:  420ms; /* @kind other */
}