:root{
/* Near-square corners are the editorial signal. Never round to 8px or above. */
--radius:2px;
--radius-square:0px;

/* Hairlines, not shadows */
--hairline:1px; /* @kind spacing */
--border-w:1.5px; /* @kind spacing */
--rule-accent-w:2px; /* @kind spacing */
--rule-quote-w:3px; /* @kind spacing */

/* No soft drop shadows anywhere. The single permitted shadow is a hard,
   unblurred graphic offset. */
--shadow-none:none;
--shadow-hard:18px 18px 0 var(--teal-dark);
--focus-ring-w:3px; /* @kind spacing */
--focus-ring-offset:3px; /* @kind spacing */
--focus-ring-inner:0 0 0 3px rgba(15,61,62,0.15);

/* Hero grid pattern (LinkedIn banner, dark bands) */
--grid-tint:rgba(242,228,220,0.09); /* @kind color */
--grid-size:48px; /* @kind spacing */
}