/* Shadows and glass. All shadows are tinted ink (rgba(5,16,19) / rgba(5,15,17)), never neutral black. */
:root{
--shadow-composer:0 34px 80px -30px rgba(5,15,17,0.8), 0 14px 44px -26px rgba(255,95,46,0.45), inset 0 1px 0 rgba(255,255,255,0.9); /* @kind shadow */
--shadow-composer-focus:0 34px 80px -30px rgba(5,15,17,0.8), 0 14px 44px -26px rgba(255,95,46,0.45), inset 0 1px 0 rgba(255,255,255,0.9), 0 0 0 4px rgba(255,95,46,0.35); /* @kind shadow */
--ring-focus:0 0 0 4px rgba(255,95,46,0.35); /* @kind shadow */
--shadow-card:0 26px 54px -30px rgba(5,15,17,0.85); /* @kind shadow */
--shadow-bubble:0 18px 40px -24px rgba(5,15,17,0.75); /* @kind shadow */
--shadow-user-bubble:0 14px 30px -20px rgba(5,15,17,0.7); /* @kind shadow */
--shadow-send:inset -3px -5px 9px rgba(92,32,14,0.3), 3px 5px 6px rgba(27,53,58,0.22), 8px 12px 18px rgba(27,53,58,0.16); /* @kind shadow */
--shadow-avatar:2px 3px 4px rgba(5,16,19,0.4), 5px 8px 14px rgba(5,16,19,0.35); /* @kind shadow */
--shadow-disc:inset -22px -30px 70px rgba(5,16,19,0.3), inset 12px 16px 40px rgba(255,255,255,0.1), 10px 16px 30px rgba(5,16,19,0.28), 34px 52px 110px rgba(5,16,19,0.42); /* @kind shadow */
--shadow-hero-period:0.02em 0.035em 0.04em rgba(5,16,19,0.45); /* @kind shadow */
/* Sphere occlusion tints (inner shadow of 3D balls; see materials.css) */
--occ-warm:rgba(80,22,6,0.5); /* @kind color */
--occ-teal:rgba(6,18,21,0.55); /* @kind color */
--occ-ivory:rgba(27,53,58,0.36); /* @kind color */
/* Glass */
--blur-composer:blur(24px) saturate(1.3); /* @kind other */
--blur-card:blur(18px); /* @kind other */
--blur-bubble:blur(16px); /* @kind other */
--blur-user-bubble:blur(14px); /* @kind other */
}