/*
  Palette provenance. Every literal colour in the project lives in this file.
  Method: k-means (k=8, 60k opaque pixels, random_state=1) over each asset, then each
  centre snapped to the nearest real pixel; coordinates are (x,y) in the source file.
  brand/LOGO SPIGOT PNG.png (2000x2000, colortype 6, alpha 255 everywhere)
    lime   centre 168,247,8   -> a9f808 at (0,0)      92.3% of pixels
    ink    centre 0,0,0       -> 010000 at (1126,662) 7.2%
  reference/SPIGOT 1.jpg (1600x900)
    lime-hi    177,249,13 -> b1f90f at (63,0)
    green-mid  132,220,16 -> 85dc11 at (1189,450)
    green-deep  94,172,9  -> 5fad09 at (1287,483)
    green-dark  61,124,4  -> 3d7d05 at (1378,209)
    night        6,11,4   -> 070c05 at (1370,199)
    pale       231,246,184 -> e8f8b9 at (1088,358)
  reference/SPIGOT 2.jpg (1600x900)
    grey        62,65,62  -> 3f413e at (1216,188)
*/
:root {
  --lime: #a9f808;
  --lime-hi: #b1f90f;
  --ink: #010000;
  --night: #070c05;
  --green-mid: #85dc11;
  --green-deep: #5fad09;
  --green-dark: #3d7d05;
  --pale: #e8f8b9;
  --grey: #3f413e;

  --color-mint: var(--green-mid);
  --paper: color-mix(in srgb, var(--pale) 40%, white);
  --bg: color-mix(in srgb, var(--pale) 80%, var(--lime));
  --line: color-mix(in srgb, var(--night) 22%, transparent);
  --line-strong: var(--night);
  --muted: var(--grey);
  --hover: color-mix(in srgb, var(--lime) 35%, transparent);
  --flash-up: color-mix(in srgb, var(--green-deep) 38%, transparent);
  --flash-down: color-mix(in srgb, var(--night) 22%, transparent);
  --skeleton-a: color-mix(in srgb, var(--night) 8%, transparent);
  --skeleton-b: color-mix(in srgb, var(--night) 16%, transparent);
  --own-wash: color-mix(in srgb, var(--color-mint) 18%, transparent);
  --own-wash-hi: color-mix(in srgb, var(--color-mint) 34%, transparent);

  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: Verdana, Tahoma, Arial, sans-serif;
  --font-mono: "Courier New", monospace;

  /* measured off the reference: rise 0.5s ease-out 6px, pulse 50% opacity, refetch 60s */
  --rise-dur: 500ms;
  --rise-y: 6px;
  --pulse-dur: 2s;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-pulse: cubic-bezier(0.4, 0, 0.6, 1);
}