@charset "utf-8";

/* ===== Global Defaults ===== */
/* ===== Global Defaults ===== */
:root {
  --g73-darkframe-img: url("/images/frames/darkframe.png");
  --g73-darkframe-slice: 60;
  --g73-darkframe-repeat: round;

  /* NEW: define the gold once */
  --artwork-gold: #d4af37;
}





/* ===== Base Dark Frame (scoped to artwork pages) ===== */
.artwork-page .dark-frame {
  --imgw: 1000px;
  --frame: 20px;

  display: inline-block;
  border: var(--frame) solid transparent;
  border-image-source: var(--g73-darkframe-img);
  border-image-slice: var(--g73-darkframe-slice);
  border-image-repeat: var(--g73-darkframe-repeat);
  border-image-width: 1;
  background: #0b0b0b;
  box-shadow: 0 8px 28px rgba(0,0,0,.45),
              0 2px 8px rgba(0,0,0,.35);
}

.artwork-page .dark-frame img {
  width: var(--imgw);
  max-width: 100%;
  height: auto;
  display: block;
}

/* ===== Utilities for quick widths ===== */
.artwork-page .imgw-400 { --imgw: 400px; }
.artwork-page .imgw-500 { --imgw: 500px; }
.artwork-page .imgw-600 { --imgw: 600px; }
.artwork-page .imgw-700 { --imgw: 700px; }
.artwork-page .imgw-800 { --imgw: 800px; }
.artwork-page .imgw-1000 { --imgw: 1000px; }

/* ===== Responsiveness ===== */
@media (max-width: 1024px) {
  .artwork-page .dark-frame { --frame: 18px; }
}
@media (max-width: 640px) {
  .artwork-page .dark-frame { --frame: 16px; }
}
/* ===== Typography for artwork pages ===== */
body.artwork-page .heading-2,
body.artwork-page figure .paragraph-price-desc {
  font-family: "Fredericka the Great", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--artwork-gold) !important;
  /* Optional niceties */
  letter-spacing: .2px;
  text-rendering: optimizeLegibility;
}