/* dark-tech — discursivetech.com: near-black, electric blue, monospace headings. */
@import url('../fonts/inter/index.css');  /* Inter */
@import url('../fonts/jetbrains-mono/index.css');  /* JetBrains Mono */

:root {
  --bg: #0b0e14;
  --surface: #141922;
  --text: #d7dde6;
  --muted: #8a94a3;
  --accent: #4da3ff;
  --accent-contrast: #0b0e14;
  --border: #232b38;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-heading: 'JetBrains Mono', monospace;
  --radius: 6px;
  --header-bg: #0e1219;
  --header-text: #e6ecf5;
  /* Transparent on purpose. A drop shadow under a sticky header needs to be
     darker than the page behind it, and there is nothing darker than #0b0e14
     — so the border-coloured line inside --elev-1 does the whole job and the
     blur is not painted. */
  --shadow-color: transparent;
}

.site-title::before { content: '~/'; color: var(--accent); }