:root{
/* Radii — hzero is a square brand. Circles and squares, almost nothing between. */
--radius-none:0px;
--radius-xs:2px;
--radius-sm:4px;
--radius-md:6px;
--radius-pill:999px;
--radius-circle:50%;

/* Borders */
--border-width:1px;
--border-width-thick:2px;

/* Shadows — used sparingly, and only on light surfaces */
--shadow-none:none;
--shadow-sm:0 1px 2px rgba(0,0,0,.10);
--shadow-md:0 8px 24px rgba(0,0,0,.14);
--shadow-lg:0 24px 64px rgba(0,0,0,.22);

/* Lime glow — the signature dark-surface elevation (brand guide p.14-17) */
--glow-lime-sm:0 0 12px rgba(204,255,3,.35);
--glow-lime:0 0 28px rgba(204,255,3,.45);
--glow-lime-lg:0 0 64px rgba(204,255,3,.40);
--glow-white:0 0 40px rgba(255,255,255,.25);

/* Focus */
--focus-ring:0 0 0 2px var(--hz-black),0 0 0 4px var(--hz-lime);
--focus-ring-light:0 0 0 2px var(--hz-white),0 0 0 4px var(--hz-grey-850);

/* Backgrounds */
--grid-background:repeating-linear-gradient(0deg,var(--grid-line) 0 1px,transparent 1px var(--grid-subcell)),repeating-linear-gradient(90deg,var(--grid-line) 0 1px,transparent 1px var(--grid-subcell)); /* @kind other */
--protection-scrim:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.85) 100%); /* @kind other */
--blur-panel:saturate(120%) blur(16px); /* @kind other */
}