/* NZ Nexus Directories' visual identity: the "Noticeboard" look.

   A copy of the token file the directories themselves render with (LokommDirect repo,
   src/Hub.SiteApp/wwwroot/css/theme.css), so this hub page and the five directories read as one
   portfolio. Nothing keeps the two copies in step automatically: when the directories' look
   changes, copy the file across again.

   Every colour, typeface and radius app.css uses is a custom property declared here. The
   --hub-category-N hues are the directories' category colours; this page uses them to tell the
   directory cards apart. */

/* Bricolage Grotesque (SIL Open Font License 1.1 — see ../fonts/bricolage-grotesque-OFL.txt),
   self-hosted so a visitor's page view is never a request to a third party. Two subsets: the
   latin-ext file carries the macrons Māori place names need (Tākaka, Māpua, Whakatū). */
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
  src: url("../fonts/bricolage-grotesque-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
  src: url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Ground and ink */
  --hub-ground: #FFFFFF;
  --hub-ink: #1C1B2A;
  --hub-ink-soft: #3A384D;
  --hub-muted: #5B5970;
  --hub-line: #DCDAE6;
  --hub-field: #F3F2F7;

  /* Text on a dark or coloured surface (the footer, a category tile, a chip) */
  --hub-on-dark: #FFFFFF;
  --hub-on-dark-muted: #C9C7D6;

  /* The one brand colour: the hero band, the featured badge, hover fills */
  --hub-accent: #F5C543;
  --hub-accent-ink: #1C1B2A;

  /* One hue per top-level category, by published order. Matched in chroma and lightness so
     white text passes 4.5:1 on every one. */
  --hub-category-1: #6B3FA0;
  --hub-category-2: #C94A1F;
  --hub-category-3: #157F7A;
  --hub-category-4: #2F5FB3;
  --hub-category-5: #8A3D5E;
  --hub-category-6: #5B6E1F;

  /* Type */
  --hub-font-sans: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hub-heading-weight: 700;
  --hub-heading-tracking: -0.015em;

  /* Shape */
  --hub-radius: 0.5rem;
  --hub-radius-large: 0.75rem;
  --hub-radius-pill: 999px;
}