:root{
/* SHIAI-KüN elevation is a HARD offset with zero blur — a jersey-print
   look. Soft shadows exist only for overlays that float above the page. */
--shadow-hard-xs:2px 2px 0 var(--ink);
--shadow-hard-sm:3px 3px 0 var(--ink);
--shadow-hard-md:5px 5px 0 var(--ink);
--shadow-hard-lg:8px 8px 0 var(--ink);
--shadow-hard-xl:12px 12px 0 var(--ink);

/* Coloured hard shadows — reserved for accent surfaces. */
--shadow-hard-pink:5px 5px 0 var(--pink-500);
--shadow-hard-cyan:5px 5px 0 var(--cyan-500);
--shadow-hard-yellow:5px 5px 0 var(--yellow-500);
--shadow-hard-blue:5px 5px 0 var(--blue-800);

/* Soft — overlays only. */
--shadow-soft-md:0 4px 16px rgba(11,22,32,.12);
--shadow-soft-lg:0 12px 40px rgba(11,22,32,.20);

--shadow-inset:inset 0 2px 0 rgba(11,22,32,.08);
--focus-shadow:0 0 0 4px color-mix(in srgb,var(--focus-ring) 65%,transparent);

/* The three-colour stripe. Used as a rule, an underline, a top edge. */
--stripe-3:linear-gradient(90deg,var(--pink-400) 0 33.333%,var(--yellow-400) 33.333% 66.666%,var(--cyan-400) 66.666% 100%); /* @kind other */
--stripe-diagonal:repeating-linear-gradient(-45deg,var(--pink-400) 0 14px,var(--yellow-400) 14px 28px,var(--cyan-400) 28px 42px); /* @kind other */
--stripe-ghost:repeating-linear-gradient(-45deg,rgba(255,255,255,.14) 0 10px,transparent 10px 20px); /* @kind other */
}