/* Fuzz Cube Studio — material.
   Light comes from directly above. A raised surface gets one 1px highlight on
   its top edge and, at the top level only, a wide soft shadow. No large
   gradients, no noise, no bevelled boxes, no brushed-metal fills. */
:root {
  --radius: 2px; /* the only radius that exists */
  --radius-dot: 50%; /* except a lamp, which is a circle */
  --border: 1px;

  --elev-0-shadow: none;
  --elev-1-shadow: none;
  --elev-2-shadow: 0 8px 22px rgba(0, 0, 0, 0.5);

  --inset-cap: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 2px 3px rgba(0, 0, 0, 0.45);
  --inset-cap-pressed: 0 1px 2px rgba(0, 0, 0, 0.5);
  --inset-slot: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;

  --glow-signal: 0 0 8px rgba(111, 148, 99, 0.7);
  --glow-amber: 0 0 8px rgba(216, 178, 106, 0.7);
  --glow-peak: 0 0 8px rgba(169, 59, 66, 0.75);
  --glow-cap-on: 0 0 0 1px rgba(216, 178, 106, 0.35), 0 0 14px rgba(216, 178, 106, 0.22);

  --focus-ring: 2px solid var(--amber);
  --focus-offset: 2px;
}