/* backend/src/main/resources/static/modules_styles/pikiner_sites/components/blueprint-tuning.css */

/* ==============================================
   BLUEPRINT TUNING — the grid's adjustable values

   The single source of truth for every value the drawing-board grid can
   be tuned by: cell pitch, major interval and line strengths per
   viewport step, and the per-site board wash that keeps the two sites
   visually apart. The mechanics that consume these values live in
   blueprint.css and never state a value of their own.

   Written by the dev tuning panel through PUT /api/blueprint-tuning and
   read back by GET — the store parses this file, so its shape is fixed:
   hand edits to VALUES survive a save, hand edits to structure do not.
   ============================================== */

.site-page {
  --bp-cell: 16px;
  --bp-major: 10;
  --bp-a-minor: 4%;
  --bp-a-major: 40%;
}

/* Per-site board wash: the site's color laid over the theme's board at
   the given amount. 0% keeps the print's own board. */
/* stylelint-disable gabion/no-hardcoded-color -- the wash is a tuned
   datum written by the panel, not a theme color; the theme board it is
   laid over stays contract-owned */
.site-page.site-pikiner {
  --bp-wash: #a83e27;
  --bp-wash-amount: 0%;
}

.site-page.site-gabion {
  --bp-wash: #2fa46b;
  --bp-wash-amount: 12%;
}
/* stylelint-enable gabion/no-hardcoded-color */

@media (max-width: 1200px) {
  .site-page {
    --bp-cell: 14px;
    --bp-major: 7;
    --bp-a-minor: 6%;
    --bp-a-major: 28%;
  }
}

@media (max-width: 768px) {
  .site-page {
    --bp-cell: 12px;
    --bp-major: 5;
    --bp-a-minor: 8%;
    --bp-a-major: 30%;
  }
}

@media (max-width: 480px) {
  .site-page {
    --bp-cell: 10px;
    --bp-major: 4;
    --bp-a-minor: 10%;
    --bp-a-major: 34%;
  }
}