/* Brand patterns — Section 04. Precision engineering expressed as grid
   structures, blueprint dot matrices and crosshair overlays. */
:root{
  --pattern-cell:30px;
  --pattern-line-dark:rgba(46,133,180,0.35);
  --pattern-line-light:rgba(99,149,184,0.35);
  --pattern-crosshair:var(--ur-steel-blue);
}
/* 30px blueprint grid over onyx — hero sections, system mockups */
.ur-blueprint-grid{background-color:var(--ur-onyx);background-image:linear-gradient(to right,var(--pattern-line-dark) 1px,transparent 1px),linear-gradient(to bottom,var(--pattern-line-dark) 1px,transparent 1px);background-size:var(--pattern-cell) var(--pattern-cell)}
/* Light dot-matrix mesh — dashboards, documentation plates, marketing cards */
.ur-dot-matrix{background-color:var(--ur-white-050);background-image:radial-gradient(var(--pattern-line-light) 1px,transparent 1px);background-size:var(--pattern-cell) var(--pattern-cell)}
/* Crosshair overlay — sparse registration marks on brand surfaces */
.ur-crosshair{background-image:linear-gradient(to right,var(--pattern-crosshair) 1px,transparent 1px),linear-gradient(to bottom,var(--pattern-crosshair) 1px,transparent 1px);background-size:60px 1px,1px 60px;background-repeat:repeat,repeat}