/* Design tokens of the research server.
 *
 * STAND-IN, written by hand. The asset generator will produce this file from
 * config/palettes.yaml later. Until
 * then this is the only file on the server that may contain a literal color.
 *
 * Every other stylesheet (portal, experiments) uses these names only.
 * A mode (light, dark, ...) is a second set of values for the same names.
 * Only the light mode exists so far.
 */
:root {
  color-scheme: light;

  /* Semantic colors. The role is the name, the value may change. */
  --bg: #f4f5f7;         /* page background */
  --surface: #ffffff;    /* boxes on the page (cards, forms, inputs) */
  --ink: #1d1f24;        /* main text */
  --muted: #5b6270;      /* secondary text */
  --line: #c9ccd3;       /* borders and separators */
  --accent: #e6007e;     /* links, primary buttons, highlights */
  --on-accent: #ffffff;  /* text on --accent */
  --ok: #2e7d32;         /* success */
  --bad: #b00020;        /* errors, destructive actions */
  --on-bad: #ffffff;     /* text on --bad */

  /* Tile fills of the hex grid, taken in turn. Placeholder values.
     The number of fills is also written in portal/portal/views.py
     (TILE_FILLS). Each fill has the color of the label that stands on it. */
  --fill-1: #b8005f;  --on-fill-1: #ffffff;
  --fill-2: #3949ab;  --on-fill-2: #ffffff;
  --fill-3: #7b1fa2;  --on-fill-3: #ffffff;
  --fill-4: #00796b;  --on-fill-4: #ffffff;
  --fill-5: #2e7d32;  --on-fill-5: #ffffff;
  --fill-6: #c2410c;  --on-fill-6: #ffffff;

  /* Typography. */
  --font: system-ui, sans-serif;
}