/* ============================================================
   BNC · Effects — shadows, focus rings, blur
   Shadow color base: rgba(10,13,18,*) — cool near-black.
   ============================================================ */

:root {
  /* ---- Elevation shadows ---- */
  --shadow-xs: 0 1px 2px rgba(10, 13, 18, 0.05);
  --shadow-sm: 0 1px 3px rgba(10, 13, 18, 0.10), 0 1px 2px -1px rgba(10, 13, 18, 0.10);
  --shadow-md: 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 12px 16px -4px rgba(10, 13, 18, 0.08);
  --shadow-lg: 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 12px 16px -4px rgba(10, 13, 18, 0.08);
  --shadow-xl: 0 8px 8px -4px rgba(10, 13, 18, 0.03), 0 20px 24px -4px rgba(10, 13, 18, 0.08);
  --shadow-2xl: 0 24px 48px -12px rgba(10, 13, 18, 0.18);
  --shadow-3xl: 0 32px 64px -12px rgba(10, 13, 18, 0.14);

  /* ---- Skeuomorphic / inner (used on primary buttons & inputs) ---- */
  --shadow-skeuomorphic: 0 0 0 1px rgba(10, 13, 18, 0.18) inset, 0 -2px 0 0 rgba(10, 13, 18, 0.05) inset, 0 1px 2px 0 rgba(10, 13, 18, 0.05);

  /* ---- Focus rings ---- */
  --focus-ring-brand: 0 0 0 4px rgba(254, 80, 0, 0.24);
  --focus-ring-gray: 0 0 0 4px rgba(113, 118, 128, 0.20);
  --focus-ring-error: 0 0 0 4px rgba(240, 68, 56, 0.24);

  /* ---- Glass / blur ---- */
  --blur-sm: blur(8px); /* @kind other */
  --blur-md: blur(16px); /* @kind other */
  --blur-lg: blur(24px); /* @kind other */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0, 0, 0.2, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-slow: 320ms; /* @kind other */
}