:root{
/* Radii — small and deliberate. The brand's shape signature is the cut corner, not roundness. */
--radius-xs:2px;
--radius-sm:4px;
--radius-md:8px;
--radius-lg:12px;
--radius-pill:999px;

/* Cut corner: the 45° clip taken off a card's top-right, echoing a trimmed card corner */
--cut-sm:10px;
--cut-md:16px;
--cut-lg:28px;
--clip-cut-md:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); /* @kind other */
--clip-cut-lg:polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%); /* @kind other */

--border-width:1px;
--border-width-strong:2px;

/* Shadows: near-flat. Depth comes from hairlines and one hard offset shadow. */
--shadow-none:none;
--shadow-hairline:0 1px 0 0 var(--kraft-200);
--shadow-1:0 1px 2px rgba(22,18,14,.06),0 0 0 1px rgba(22,18,14,.05);
--shadow-2:0 4px 14px rgba(22,18,14,.08),0 0 0 1px rgba(22,18,14,.05);
--shadow-overlay:0 18px 48px rgba(22,18,14,.18);
--shadow-hard:4px 4px 0 0 var(--ink-900);
--shadow-hard-brand:4px 4px 0 0 var(--orange-500);

/* Corrugated fluting: the brand texture. Use as a divider band or edge, never behind text. */
--flute-stripe:repeating-linear-gradient(90deg,var(--kraft-300) 0 2px,transparent 2px 9px);
--flute-stripe-ink:repeating-linear-gradient(90deg,var(--ink-900) 0 2px,transparent 2px 9px);
--flute-height:10px;
}