/* Theme: Soft Gallery (default) — product photography is the anchor.
   Token swap only (see docs/DESIGN.md). Components in base.css read nothing but these properties. */
@font-face { font-family: "Jost"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/jost-300.woff2") format("woff2"); }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/jost-400.woff2") format("woff2"); }

@font-face { font-family: "Jost"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/jost-600.woff2") format("woff2"); } /* store name only */

:root[data-theme="gallery"] {
  --font-display: "Jost", sans-serif;
  --font-body: "Jost", sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-brand: 600;  /* store name in the header only */

  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-alt: #F3F3F1;   /* image backgrounds */
  --text: #222222;
  --text-secondary: #555555;
  --text-muted: #8A8A8A;
  --border: #ECECEC;
  --border-strong: #222222; /* selected variant */
  --accent: #222222;
  --on-accent: #FFFFFF;

  --radius: 2px;
  --heading-size: 30px;
  --price-size: 22px;
  --image-ratio: 4 / 5;
}