/* ===========================================================================
   Theme: Ink & Slate
   Cool off-white paper, near-black ink, deep slate-blue links, teal accent.

   A theme file defines COLOUR ONLY. Layout and typography live in style.css,
   so every theme is interchangeable. To add your own, copy this file to
   static/css/themes/<name>.css, add a matching entry to themes.yml, then run
   ./ok theme <name>
   =========================================================================== */

:root {
  color-scheme: light dark;

  --bg:           #f7f8fa;   /* page */
  --bg-code:      #eceff4;   /* code blocks, table heads, inset panels */
  --text:         #16181d;
  --muted:        #575c66;   /* secondary text: leads, summaries */
  --faint:        #6b717b;   /* tertiary text: bylines, breadcrumbs */
  --link:         #2b5c8a;   /* slate blue */
  --link-visited: #67498c;
  --rule:         #d5dae1;   /* hairlines */
  --mark:         #0f7d72;   /* accent: hover, bullets, admonition edge */
  --highlight:    #cfe6df;   /* <mark> background */
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:           #14161a;
    --bg-code:      #1c1f26;
    --text:         #d7dae0;
    --muted:        #969ba6;
    --faint:        #7c828d;
    --link:         #7fb0d8;
    --link-visited: #b9a3d9;
    --rule:         #2b2f38;
    --mark:         #45b3a5;
    --highlight:    #24493f;
  }
}