/* =============================================================
   Corrections to the design system bundle.

   assets/ds/ is generated and must stay byte-identical to the
   Claude Design export so a re-export can overwrite it cleanly.
   Defects found in it are corrected HERE instead, so the fix is
   explicit, documented, and survives a re-export.

   Each entry should be fixed upstream in Claude Design and then
   deleted from this file.
   ============================================================= */

/* --- 1. .ur-crosshair painted solid rules, not registration marks ----- *
   The system documents "sparse crosshair registration marks [that]
   scatter across brand surfaces", and the brand board shows exactly
   that: small steel-blue plus marks at a wide pitch. The shipped CSS is

     background-size: 60px 1px, 1px 60px; background-repeat: repeat;

   A 1px dash in a 60x1 tile, repeated down the axis, fills every row --
   so it paints a solid rule every 60px in both directions: a second
   dense grid that buries whatever it overlays.

   Corrected below as an actual plus glyph at a 120px pitch, drawn as a
   mask so the colour still comes from --pattern-crosshair rather than
   being baked into the data URI. Confirmed as a genuine defect by the
   brand owner, 2026-09-17.                                            */
.ur-crosshair {
  background-image: none;
  background-color: var(--pattern-crosshair);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M60 54.5v11M54.5 60h11' stroke='white' stroke-width='1'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M60 54.5v11M54.5 60h11' stroke='white' stroke-width='1'/%3E%3C/svg%3E");
  -webkit-mask-size: 120px 120px;
          mask-size: 120px 120px;
  -webkit-mask-repeat: repeat;
          mask-repeat: repeat;
}

/* --- 2. --type-hero was 56px; the brand scale is 64-96px -------------- *
   The Uptime Robotics design skill sets the hero at Red Hat Display
   Bold/Black, 64-96px, -2% tracking. The export's 56px sits below the
   range. The landing headline is a full sentence, so it takes the
   bottom of the range. Corrected 2026-09-25.                          */
:root { --type-hero: 64px; }

/* --- 3. .ur-blueprint-grid is not used ---------------------------------- *
   Recorded so nobody reaches for it: it paints a 30px grid across the
   whole element in rgba(46,133,180,.35), which is not a palette colour.
   The brand's mesh covers one anchored region only, 96-192px cells,
   2px full-opacity Steel Blue crosshairs over 1px Steel Blue rules at
   12-20%, stepped at its inner edge and cut by the frame at its outer
   edge. The landing page draws that as inline SVG (see site.css,
   "the mesh"). Recorded 2026-09-25.                                    */