:root{
/* Chrome bevels — THE core visual motif. 2px hard borders, no radius anywhere. */
--bevel-out-border:var(--white) var(--dark) var(--dark) var(--white);
--bevel-in-border:var(--shadow) var(--white) var(--white) var(--shadow);
--bevel-out-shadow:inset 1px 1px 0 var(--face-light),inset -1px -1px 0 var(--shadow);
--bevel-in-shadow:inset 1px 1px 0 var(--dark),inset -1px -1px 0 var(--face-light);
--bevel-field-shadow:inset 1px 1px 0 var(--dark);
--bevel-pressed-border:var(--dark) var(--white) var(--white) var(--dark);
--bevel-pressed-shadow:inset 1px 1px 0 var(--shadow);
--win-drop-shadow:1px 1px 0 var(--dark);
--menu-drop-shadow:2px 2px 3px rgba(0,0,0,0.4);
--radius:0px; /* corners are always square */
--taskbar-h:30px;
}
.bevel-out{border:2px solid;border-color:var(--bevel-out-border);box-shadow:var(--bevel-out-shadow)}
.bevel-in{border:2px solid;border-color:var(--bevel-in-border);box-shadow:var(--bevel-in-shadow)}
img.pixel,.pixelated img{image-rendering:pixelated;image-rendering:crisp-edges}