:root{
--shadow-md:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);
--shadow-lg:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);
--shadow-xl:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);
--shadow-2xl:0 25px 50px -12px rgb(0 0 0/.25);
--shadow-card:var(--shadow-lg);
--shadow-image:var(--shadow-lg);
--shadow-form:var(--shadow-xl);
--shadow-button:var(--shadow-lg);
--shadow-overlay:var(--shadow-2xl);
--border-width-card:2px;
--border-width-hairline:1px;
--underline-thickness:2px;   /* nav hover/active rule */
}