/* Shalom Local theme: the brand's colours, fonts and shapes in one place.
   Change a value here and the whole site follows. See the brand guide. */
@font-face { font-family: 'Hanken Grotesk'; src: url(assets/fonts/hanken-grotesk.woff2) format('woff2'); font-weight: 500 800; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url(assets/fonts/instrument-sans.woff2) format('woff2'); font-weight: 400 700; font-display: swap; }

:root {
  /* Core brand */
  --green: #183e39;        /* Logo, headings, text, buttons, header */
  --terracotta: #a7623c;   /* The dot in the logo; large accents */
  --terracotta-text: #8f4e2c; /* Terracotta for small text and stars */
  --terracotta-light: #dd9a6e; /* The dot on dark backgrounds */
  --cream: #fffdf4;        /* Dove, and text on green */

  /* Paper */
  --paper: #f5efe3;        /* Page background */
  --paper-deep: #e9e0cd;   /* Banners and hover */
  --card: #fdfaf2;         /* Cards and panels */
  --line: #d3c8b0;         /* Borders and dividers */

  /* Supporting */
  --text-soft: #4f5d57;    /* Secondary text */
  --honey: #c9822a;        /* Sponsored labels, focus rings */
  --olive: #5a6638;        /* Kosher selection meter */
  --error: #8f2a1a;

  /* Type */
  --display: 'Hanken Grotesk', Arial, 'Helvetica Neue', sans-serif; /* Headings and business names */
  --body: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;        /* Everything else */

  /* Shape: slightly uneven corners, as if cut by hand */
  --cut: 13px 10px 14px 9px / 10px 13px 9px 12px;
  --cut-small: 8px 6px 8px 5px / 6px 8px 5px 8px;
}