/* ============================================================
   VarthAI — ELEVATION / SHADOW TOKENS
   Warm-tinted shadows (never pure black) — soft, low, diffuse.
   ============================================================ */
:root {
  --shadow-xs:  0 1px 2px rgba(43, 34, 24, 0.06);
  --shadow-sm:  0 1px 3px rgba(43, 34, 24, 0.07), 0 1px 2px rgba(43, 34, 24, 0.05);
  --shadow-md:  0 4px 12px rgba(43, 34, 24, 0.08), 0 2px 4px rgba(43, 34, 24, 0.05);
  --shadow-lg:  0 12px 28px rgba(43, 34, 24, 0.10), 0 4px 8px rgba(43, 34, 24, 0.05);
  --shadow-xl:  0 24px 56px rgba(43, 34, 24, 0.14), 0 8px 16px rgba(43, 34, 24, 0.06);

  /* brand-tinted glow for primary elements */
  --shadow-brand: 0 8px 24px rgba(166, 73, 49, 0.22);

  /* inset for sunken fields */
  --shadow-inset: inset 0 1px 2px rgba(43, 34, 24, 0.07);

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