/* The canvas is painted before application assets load. Keep this file small.
   The site is dark only: one set of colour roles, shared by the initial
   document and the Vue application. */
:root {
    color-scheme: dark;
    --ground: #0b0f11;
    --surface: #131a1d;
    --ink: #eaeff1;
    --muted: #aebbc1;
    --subtle: #8e9ea5;
    --line: #243034;
    --line-strong: #4f6168;
    --signal: #f4989b;
    --signal-hover: #ffc2c4;
    --on-signal: #0b0f11;
    --positive: #a5cbb6;
    --caution: #dcc18c;
    --negative: #f4989b;
    --practice-engineering: #9fc3dc;
    --practice-interactive: #e2bf85;
    --practice-research: #93d1b4;
    --slab: #050708;
    --on-slab: #eaeff1;
    --on-slab-muted: #aebbc1;
    --slab-line: #2f3c41;
    --slab-signal: #f4989b;
}
html,
body {
    margin: 0;
    background: var(--ground);
    color: var(--ink);
}