/* Shared screen material, extracted from the current Cable Sizing design.
   Page palettes, typography and the canonical site chrome remain independent. */
:root {
  --liquid-control: #ffffff73;
  --liquid-edge: #ffffffd9;
  --liquid-panel: linear-gradient(145deg,#ffffffa3,#ffffff38 55%,#ffffff61);
  --liquid-shadow: inset 0 1px 0 #fffffff2,inset 0 -1px 0 #ffffff66,0 10px 30px #2428240c;
  --liquid-filter: blur(22px) saturate(105%);
  --liquid-panel-radius: 22px;
  --liquid-control-radius: 11px;
}
html[data-theme="night"] {
  --liquid-control: #41483e85;
  --liquid-edge: #ffffff30;
  --liquid-panel: linear-gradient(145deg,#ffffff13,#ffffff05 55%,#ffffff0b);
  --liquid-shadow: inset 0 1px 0 #ffffff29,inset 0 -1px 0 #ffffff09,0 12px 32px #0000001c;
}