/* SCF Tasks, the bolt board.

   The cloth carries every colour on this screen, so the palette underneath it is only a warm dark
   ground, an off white ink and the company accent. One accent, powder blue, used as a mark and a
   focus ring and never as a large fill, because a fill here would compete with the fabric.

   This surface is dark on purpose and does not follow the reader's light setting. A shelf of bolts
   photographed on black does not work on a white page, and half the point of the board is that it
   reads from across the warehouse floor. */

:root {
  /* ground, warm rather than blue, the colour of a dark room in a fabric shop */
  --ground: #12100E;
  --ground-2: #1A1714;
  --panel: #211D19;
  --rail: #2C2721;

  /* ink */
  --ink: #F6F4F1;
  --ink-2: #D6D0C8;
  --muted: #A49C92;
  --ghost: #776F66;

  /* the company accent */
  --accent: #A7C7E7;
  --accent-deep: #8FB4DE;
  --accent-ink: #15283D;
  --accent-soft: rgba(167, 199, 231, .14);

  /* the one state colour, for taking a task off the board */
  --bad: #E0705A;
  --bad-soft: #3A1A14;

  /* type */
  --f-display: 'Tanker', 'Arial Narrow', system-ui, sans-serif;
  --f-ui: 'Switzer', system-ui, sans-serif;

  /* shape. Almost nothing is rounded here: cloth is cut square. */
  --r-lg: 4px;
  --r-md: 3px;
  --r-sm: 2px;

  /* motion. Two curves, no others. */
  --ease: cubic-bezier(.32, .72, 0, 1);
  --spring: cubic-bezier(.34, 1.4, .44, 1);

  /* how much of a bolt each state shows */
  --lit-done: 1;
  --lit-doing: .52;
  --lit-todo: .15;

  --veil: rgba(7, 6, 5, .74);
  --shadow-lift: 0 18px 50px -26px rgba(0, 0, 0, .9);

  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);

  color-scheme: dark;
}