/* Moohtime design tokens. Every colour, font and radius the portal uses is named here; the other
   stylesheets refer to these names only. Contrast is noted where text sits on a colour. */

/* Self-hosted from the @fontsource-variable packages (SIL Open Font Licence), served by this
   service so no visitor address is sent to a font host. Latin subset, variable weight. */
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/assets/fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2-variations");
  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;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url("/assets/fonts/dm-sans-latin-wght-normal.woff2") format("woff2-variations");
  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 */
  --milk: #fafaf7;
  --card: #ffffff;
  --ink: #17191c;
  --spot: #5b6168;          /* secondary text: 6.2:1 on white */
  --line: #e4e6e0;
  --field-line: #8a9097;    /* form field borders: 3.2:1 on white (WCAG 1.4.11) */
  --wash: #f1f2ec;
  --map-ground: #e9ece4;    /* the map panel before its tiles arrive */

  /* Brand */
  --pasture: #1f6b4a;       /* primary actions and links: 6.4:1 with white */
  --pasture-dark: #14513a;
  --buttercup: #f4c430;
  --buttercup-pale: #fbebb0;
  --buttercup-line: #e2c36b; /* border on a buttercup-pale fill */
  --buttercup-dark: #e2a100; /* the Needs attention stripe; decoration, never text */
  --nose: #f2b8c0;          /* the wink only, never text */

  /* Sidebar */
  --night: #17191c;
  --night-chip: #262a2f;
  --night-spot: #22262a;
  --night-line: #343a40;
  --night-text: #d9dbd5;    /* 12.6:1 on the sidebar */
  --night-muted: #b9bdb5;

  /* Status pills: dark text on a pale fill, each at least 6.5:1 */
  --live-bg: #dcefe3;       --live-ink: #14513a;
  --upcoming-bg: #dde9f5;   --upcoming-ink: #1d4a7a;
  --finished-bg: #ecede8;   --finished-ink: #3e4349;
  --removed-bg: #f6d9d4;    --removed-ink: #8a2a1b;
  --removed-ink-dark: #6e2015; /* a danger button's hover (button.danger fills with --removed-ink) */
  --simulated-bg: #fbebb0;  --simulated-ink: #5c4300;

  /* Messages */
  --notice-bg: #dcefe3;     --notice-line: #8cc4a3;
  --error-bg: #f6d9d4;      --error-line: #d98c88;   --error-ink: #8a2a1b;

  /* Type */
  --font-display: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Shape */
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-xl: 20px;
  --pill: 999px;
  --focus: 0 0 0 3px var(--card), 0 0 0 6px var(--ink);
  --scrim: rgba(23, 25, 28, 0.55);                     /* behind a dialog */
  --shadow-lift: 0 12px 40px rgba(23, 25, 28, 0.35);     /* a dialog above the page */
}