/* ABOUTME: Golden Harvest Food Bank's theme: brand olive and gold (the logo's colours), Filson Pro and Trade Gothic Next. */
/* ABOUTME: The fonts are licensed and never committed; THEME_FONTS_URL loads them, the system stack stands in until then. */

:root {
  /* Brand palette (RGB from the brand guide; CMYK and PMS beside each). */
  --gh-gold: #c4963a;       /* 23,39,98,2    PMS 7752 C  lead */
  --gh-olive: #65642e;      /* 56,44,100,29  PMS 7496 C  lead */
  --gh-plum: #641d4f;       /* 56,100,38,30  PMS 2355 C  lead */
  --gh-jalapeno: #a0a03f;   /* 41,25,100,3   PMS 390 C */
  --gh-corn: #f3ce41;       /* 5,15,86,0     PMS 459 C */
  --gh-orange: #e18133;     /* 8,61,93,0     PMS 157 C */
  --gh-cherry: #b62533;     /* 19,100,89,9   PMS 193 C */
  --gh-cinnamon: #3b2517;   /* 52,69,81,69   PMS 476 C */
  --gh-blueberry: #324b6f;  /* 90,74,33,18   PMS 2133 C */

  /* Roles. Olive, the logo's green, is the working colour and carries white
     text at 6:1; gold is decoration only, since white on gold fails contrast. */
  --color-bg: #ffffff;
  --color-surface: #fbf7ef;
  --color-text: var(--gh-cinnamon);
  --color-text-muted: #6b5a4e;
  --color-heading: var(--gh-olive);
  --color-link: var(--gh-olive);
  --color-primary: var(--gh-olive);
  --color-on-primary: #ffffff;
  --color-accent: var(--gh-gold);
  --color-border: #e3d9c6;
  --color-focus: var(--gh-blueberry);
  --color-success: var(--gh-jalapeno);
  --color-warning: var(--gh-corn);
  --color-on-warning: var(--gh-cinnamon);
  --color-danger: var(--gh-cherry);

  /* Adobe Fonts kits name the families filson-pro / trade-gothic-next;
     a self-hosted @font-face may use the display names. Both are listed. */
  --font-heading: "filson-pro", "Filson Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "trade-gothic-next", "Trade Gothic Next", "Helvetica Neue", Arial, sans-serif;

  --radius: 4px;
}