:root{
/* radii — the brand is angular. 0 is the default; 2px is the maximum for controls. */
--radius-0:0;
--radius-1:2px;
--radius-pill:999px;
--chamfer:10px;
--chamfer-sm:6px;
--chamfer-lg:18px;

/* borders */
--bw-hair:1px;
--bw-1:1px;
--bw-2:2px;
--bw-3:3px;

/* elevation — flat brand: separation comes from borders, not blur */
--shadow-0:none;
--shadow-1:0 1px 0 rgba(255,255,255,.06) inset;
--shadow-2:0 12px 32px rgba(0,0,0,.6);
--shadow-modal:0 32px 80px rgba(0,0,0,.8);
--glow-accent:0 0 0 1px var(--omg-orange),0 0 24px rgba(246,92,16,.35);

/* motion */
--ease-out:cubic-bezier(.2,.7,.3,1); /* @kind other */
--ease-in-out:cubic-bezier(.5,0,.2,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur:180ms; /* @kind other */
--dur-slow:320ms; /* @kind other */

/* textures */
--blur-panel:12px;
--scrim-grad:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.6) 45%,rgba(0,0,0,0) 100%); /* @kind other */
--hazard-stripe:repeating-linear-gradient(135deg,var(--omg-orange) 0 10px,transparent 10px 20px);
--grid-lines:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); /* @kind other */
--grid-size:48px 48px; /* @kind other */

/* corner-cut clip paths — the OMG badge silhouette */
--clip-chamfer:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); /* @kind other */
--clip-chamfer-all:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); /* @kind other */
}