/* Page-specific overrides for Ombrellone */

/* Umbrella-themed tech layers */
.layer--canopy  { background: linear-gradient(135deg, #2d6a4f, #1b4332); color: #fff; }
.layer--frame   { background: linear-gradient(135deg, #adb5bd, #6c757d); color: #fff; }
.layer--joint   { background: linear-gradient(135deg, #343a40, #212529); color: #fff; }
.layer--base    { background: linear-gradient(135deg, #e8dcc8, #d4c4a0); color: var(--ink); }

/* Color swatch pills */
.color-swatches {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 16px;
}
.color-swatch {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid var(--border);
  border-radius: var(--r-full);
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
.color-swatch__dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid var(--border);
}
.color-swatch__dot--beige { background: #d4b896; }
.color-swatch__dot--green { background: #2d6a4f; }