/* Shadows are warm-tinted (brown-black, never blue-black) and low-contrast.
   Elevation communicates transience: the higher it floats, the sooner it disappears. */
:root{
--shadow-none:none;
--shadow-hairline:0 0 0 1px rgba(38,35,25,.06);
--shadow-xs:0 1px 2px rgba(38,35,25,.06);
--shadow-sm:0 1px 2px rgba(38,35,25,.05),0 2px 6px rgba(38,35,25,.05);
--shadow-md:0 2px 4px rgba(38,35,25,.04),0 8px 20px rgba(38,35,25,.08);
--shadow-lg:0 4px 8px rgba(38,35,25,.05),0 18px 40px rgba(38,35,25,.10);
--shadow-xl:0 8px 16px rgba(38,35,25,.06),0 32px 72px rgba(38,35,25,.14);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(38,35,25,.04);
--shadow-glow-thinking:0 0 0 3px rgba(122,90,248,.14),0 0 24px rgba(122,90,248,.22);
--shadow-glow-verified:0 0 0 3px rgba(18,133,95,.14);
--shadow-glow-human:0 0 0 3px rgba(194,84,47,.16);

/* Semantic elevation */
--elevation-flat:var(--shadow-none);
--elevation-card:var(--shadow-sm);
--elevation-card-hover:var(--shadow-md);
--elevation-popover:var(--shadow-lg);
--elevation-modal:var(--shadow-xl);
--elevation-toast:var(--shadow-lg);

/* Protection gradients — for text over imagery */
--scrim-bottom:linear-gradient(to top,rgba(11,10,7,.72) 0%,rgba(11,10,7,.34) 42%,rgba(11,10,7,0) 100%); /* @kind other */
--scrim-top:linear-gradient(to bottom,rgba(11,10,7,.55) 0%,rgba(11,10,7,0) 100%); /* @kind other */
--fade-stream:linear-gradient(to bottom,var(--surface-card) 0%,rgba(255,255,255,0) 100%); /* @kind other */

/* Blur */
--blur-sm:blur(6px); /* @kind other */
--blur-md:blur(16px); /* @kind other */
--blur-lg:blur(40px); /* @kind other */
--glass:saturate(140%) blur(16px); /* @kind other */

/* Z */
--z-base:0; /* @kind other */
--z-sticky:100; /* @kind other */
--z-dropdown:200; /* @kind other */
--z-overlay:300; /* @kind other */
--z-modal:400; /* @kind other */
--z-toast:500; /* @kind other */
--z-tooltip:600; /* @kind other */
}