/**
 * Surface textures. Not decoration - they signal "this is a display".
 * Glow, blur, opacity and the focus ring live in tokens/shape.css.
 */
:root {
  --scanlines: repeating-linear-gradient(
    to bottom,
    rgba(95, 227, 245, 0.05) 0px,
    rgba(95, 227, 245, 0.05) 1px,
    transparent 1px,
    transparent 3px
  );
  /* Use the -image / -size pair with background-image; --grid-fine is the shorthand
     alias for background: call sites only. */
  --grid-fine-image: linear-gradient(to right, var(--brand-a08) 1px, transparent 1px),
                     linear-gradient(to bottom, var(--brand-a08) 1px, transparent 1px);
  --grid-fine-size: 24px 24px; /* @kind other */
  --grid-fine: var(--grid-fine-image) 0 0 / var(--grid-fine-size); /* @kind other */
  --dot-rule: repeating-linear-gradient(to right, var(--brand-a32) 0 2px, transparent 2px 8px); /* @kind other */
  --tick-rule: repeating-linear-gradient(to right, var(--brand-a56) 0 3px, transparent 3px 5px); /* @kind other */
}