:root {
  --color-canvas: #f3eee6;
  --color-dark: #352a23;
  --color-secondary: #6b625d;
  --color-muted-dark: #c2b6af;
  --color-accent: #c8ad87;
  --color-light: #fff;
  --color-surface: #efe8df;
  --color-input: #a49b96;
  --font-body: "Inter", sans-serif;
  --font-display: "Piazzolla", serif;
  --gutter: clamp(10px, 2vw, 20px);
  --container: 1400px;
  /* Fill the supported desktop range; cap photos only beyond it (including zoom-out). */
  --media-container: 1920px;
  --reading: 1163px;
}
@font-face { font-family: Inter; src: url('../fonts/Inter-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url('../fonts/Inter-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url('../fonts/Inter-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Piazzolla; src: url('../fonts/Piazzolla-Variable.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: Piazzolla; src: url('../fonts/Piazzolla-VariableItalic.ttf') format('truetype'); font-weight: 100 900; font-style: italic; font-display: swap; }