/* ============================================================
   OneAgent — Elevation (shadows) & borders
   Soft, warm, low-spread shadows. Light touch — surfaces lean on
   hairline borders first, shadow second. No heavy drop shadows.
   ============================================================ */

:root {
  /* Warm-tinted shadows (ink, not pure black) */
  --shadow-xs:  0 1px 2px rgba(25, 25, 21, 0.05);
  --shadow-sm:  0 1px 2px rgba(25, 25, 21, 0.06),
                0 2px 6px rgba(25, 25, 21, 0.05);
  --shadow-md:  0 2px 4px rgba(25, 25, 21, 0.05),
                0 6px 16px rgba(25, 25, 21, 0.08);
  --shadow-lg:  0 4px 10px rgba(25, 25, 21, 0.06),
                0 16px 36px rgba(25, 25, 21, 0.12);
  --shadow-xl:  0 8px 20px rgba(25, 25, 21, 0.08),
                0 28px 60px rgba(25, 25, 21, 0.16);

  /* Brand-tinted glow (used on confirm / active capability) */
  --shadow-brand: 0 6px 20px color-mix(in oklch, var(--jade-500) 24%, transparent);

  /* Standard borders */
  --border-hairline: 1px solid var(--border-subtle);
  --border-card:     1px solid var(--border-subtle);
  --border-input:    1px solid var(--border-default);
}