/* SLYVREN theme · kraken. Every colour on the site comes from these. Edit freely. */
:root, :root[data-theme="kraken"] {
  --bg: #07070d;          /* page background */
  --bg-2: #0a0913;        /* raised strips: status bar, panels */
  --bg-3: #0d0c18;        /* screens, insets */
  --bg-4: #11111b;        /* chips, small fills */
  --bg-5: #16132b;        /* hover / selected rows */
  --line: #2b2750;        /* main borders */
  --line-2: #1f1c3a;      /* soft borders */
  --line-3: #1a1830;      /* hairlines */
  --dim: #45407a;         /* separators, muted marks */
  --text: #cdd6f4;        /* body text */
  --text-2: #bac2de;      /* secondary text */
  --text-3: #a6adc8;      /* tertiary text */
  --text-4: #9399b2;      /* labels */
  --text-5: #7f849c;      /* quiet labels */
  --text-6: #6c7086;      /* faint */
  --title: #f5e0dc;       /* headings, titles (rosewater) */
  /* per-section title colours: every theme sets all of these (a theme switch keeps the old file loaded, so a missing one leaks into it) */
  --tx-title: #c9f1ff;    /* transmission box titles (glacier) */
  --player-title: #ffffff;  /* player: the track playing */
  --bea-title: #f5e0dc;   /* the big BEA (rosewater) */
  --qk-name: var(--text);   /* quake panel: server name, same as EVERYTHING on the id Tech card */
  --qk-map: var(--accent);   /*   map: same lavender as QUAKE. on the id Tech card */
  --qk-players: #a6e3a1;  /*   players (green) */
  --qk-mode: var(--accent);  /*   mode: same */
  --qk-event: #f9e2af;    /*   next event name (gold) */
  --qk-date: #ffffff;     /*   next event date */
  --qk-connect: #c9f1ff;  /*   the /connect line (glacier) */
  --hire-title: #f5e0dc;  /* hire rows: titles (rosewater) */
  --hire-price: #cba6f7;  /*   prices (lavender) */
  --accent: #cba6f7;      /* accent: links, buttons, highlights */
  --accent-ink: #11111b;  /* text on accent fills */
  --alert: #f38ba8;       /* LIVE, errors */
  --hilite: #f9e2af;      /* hover, prompts */
  --ok: #a6e3a1;          /* online */
  --pink: #f5c2e7;        /* Bea */
  --cyan: #89dceb;        /* glitch slice */
  --warm: #fab387;        /* clip badges */
  --sky: #74c7ec;         /* video badges */
  --logo: #cdd6f4;        /* logo mark + wordmark */
  --tent: #cba6f7;        /* tentacles */
  --scope: #cba6f7;       /* hero scope trace */
  --scope-fill: #07070d;  /* hero scope: colour under the wave */
  --bg-rgb: 7,7,13;
  --bg-2-rgb: 10,9,19;
  --text-rgb: 205,214,244;
  --tent-stroke: 1.5;
  --tent-dim: .35;
  --scan: rgba(255,255,255,.018);
}