/*
 * THEME: the only file to edit to change the look.
 * Colours, fonts, corners and widths used everywhere in the shop.
 * After a change, check that text stays readable: npm test checks the contrast of the main pairs.
 */
:root {
  /* Page and surfaces */
  --color-bg: #faf7f0;
  --color-surface: #ffffff;
  --color-media-bg: #f2eee3;
  --color-border: #e3ddcf;

  /* Text */
  --color-text: #1f261c;
  --color-muted: #59614f;

  /* Brand: buttons, links, highlights */
  --color-brand: #3d6610;
  --color-brand-hover: #2f500b;
  --color-on-brand: #ffffff;
  --color-accent: #c9e265;

  /* Keyboard focus ring */
  --color-focus: #1a56c4;

  /* Messages */
  --color-info-bg: #eef4e1;
  --color-info-text: #2c4a0c;
  --color-warn-bg: #fff3cd;
  --color-warn-text: #5c4400;
  --color-error-bg: #fdecea;
  --color-error-text: #8a1c12;

  /* Drawing colour of each flavour (until real photos) */
  --flavor-default: #d4a14a;
  --flavor-tradizionale: #d4a14a;
  --flavor-limone: #e6cf3f;
  --flavor-arancia: #ea9334;
  --flavor-mandorla: #c49a6c;
  --flavor-cioccolato: #6e4631;
  --color-paper: #fffaf0;
  --color-paper-lines: #e7dcc4;

  /* Fonts (system fonts: nothing to download, nothing sent to other sites) */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;

  /* Shape and size */
  --radius: 14px;
  --radius-small: 8px;
  --shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 6px 20px rgb(0 0 0 / 6%);
  --max-width: 1100px;
}