/* The site's colours, in one place. Every stylesheet reads these. Mint is the brand colour, for actions only (buttons,
   links, what is selected) and the logo; it is light, so text on it is dark (--on-accent). Nothing is purple. */
:root {
    --ground: #000000;        --ground-rgb: 0, 0, 0;          /* the page ground */
    --accent: #5eead4;        --accent-rgb: 94, 234, 212;     /* buttons and selections */
    --accent-2: #5eead4;      --accent-2-rgb: 94, 234, 212;   /* the second gradient stop is the same colour */
    --accent-light: #5eead4;  --accent-light-rgb: 94, 234, 212;  /* links on black (13:1) */
    --on-accent: #04161a;     /* text on a mint button (12:1) */
    --highlight: #f5f5f7;
    --tint: #eef1ff;          --tint-soft: #f7f8ff;           --tint-line: #e8eaf5;
}