:root{
/* Shadows are warm (tinted with ink, never neutral black) and very soft.
   Cards prefer a hairline border + level-1; anything above level-2 is a sheet. */
--shadow-0:none;
--shadow-1:0 1px 2px rgba(43,26,20,.04);
--shadow-2:0 1px 2px rgba(43,26,20,.04),0 8px 24px -10px rgba(43,26,20,.12);
--shadow-3:0 2px 4px rgba(43,26,20,.05),0 18px 40px -14px rgba(43,26,20,.18);
--shadow-sheet:0 -8px 40px -12px rgba(43,26,20,.22);
--shadow-accent:0 6px 16px -6px rgba(226,59,59,.45);
--shadow-inset-thumb:inset 0 0 0 1px rgba(43,26,20,.06);
--ring-focus:0 0 0 3px var(--focus-ring);

/* blur is used only for floating chrome over content */
--blur-chrome:saturate(180%) blur(20px); /* @kind other */
--chrome-cream:rgba(246,241,234,.82); /* @kind color */
--chrome-paper:rgba(255,253,248,.86); /* @kind color */

/* protection gradient under text on photography */
--protect-bottom:linear-gradient(to top,rgba(43,26,20,.72) 0%,rgba(43,26,20,.28) 45%,rgba(43,26,20,0) 100%); /* @kind color */
--protect-top:linear-gradient(to bottom,rgba(43,26,20,.45),rgba(43,26,20,0)); /* @kind color */
}