@font-face { font-family: "Garamond Niq"; src: url(/assets/fonts/AppleGaramond-Light.woff2) format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Garamond Niq"; src: url(/assets/fonts/AppleGaramond-LightItalic.woff2) format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Manic"; src: url(/assets/fonts/MANIC-Regular.woff2) format("woff2"); font-display: swap; }

:root {
  --accent: #0b5539;
  --accent-dark: #0a4a32;
  --on-accent: #fff;
  --ink: #0c1512;
  --paper: #e2f5fc;
  --muted: #4d5a56;
  --line: #c5dde6;
  --tint: #d3edf6;
  --dots: #9fbcc6;
  --w: 640px;

  --font-body: "Garamond Niq", "Cormorant Garamond", Garamond, "Times New Roman", serif;
  --font-ui: "Manic", "Marker Felt", "Comic Sans MS", cursive;
  --font-display: var(--font-ui);
  --font-section: var(--font-ui);
  --font-item: var(--font-ui);
  --font-price: var(--font-body); /* prices in Apple Garamond */
  --font-list: var(--font-body);
  --font-tag: var(--font-ui);
  --font-logo: var(--font-body);

  --body-weight: 300;
  --body-size: 18px;
  --body-size-lg: 19px;
  --desc-style: italic;
  --desc-size: 15.5px;
  --desc-color: #2e3a35;
  --item-size: 17px;
  --item-spacing: .02em;
  --list-size: 17px;
  --price-color: inherit;
  --section-size: 23px;
  --section-spacing: 0;

  --logo-style: italic;
  --logo-weight: 300;
  --logo-color: var(--accent);
  --logo-size: clamp(40px, 11vw, 60px);
  --logo-spacing: .06em;
  --tag-size: 22px;
  --tag-color: inherit;
  --tag-case: none;
  --display-color: var(--ink);
  --display-size: clamp(56px, 16vw, 88px);
  --display-rotate: -4deg;
  --display-case: none;

  --photo-width: 380px;
  --photo-ratio: 3/4;
  --photo-filter: grayscale(1) contrast(1.05);
}
.stacked .item .price { font-size: 19px; }