@font-face {
  font-family: 'DotGothic16';
  src: url('/fonts/dotgothic16-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hasklig';
  src:
    url('/fonts/hasklig-regular.woff2') format('woff2'),
    url('/fonts/hasklig-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  



















   
  color-scheme: light;
   
  --cv-ink: #18181b;
  --cv-ground: #e4e4e7;
  



  --cv-surface: #ffffff;
  


  --cv-white: #ffffff;
  --cv-mute: #505053;
  


  --cv-line: color-mix(in srgb, var(--cv-ink) 12%, transparent);
  


  --cv-grid: color-mix(in srgb, var(--cv-ink) 6%, transparent);
  --cv-grid-fine: color-mix(in srgb, var(--cv-ink) 4%, transparent);
  --cv-scrim: rgba(24, 24, 27, 0.55);
  --cv-hatch: rgba(24, 24, 27, 0.24);
  






  


  --cv-lift-x: calc(-1 * var(--cv-px));
  --cv-lift-y: calc(-1 * var(--cv-px));
  

  --cv-recess: #d4d4d7;
  

  --cv-bd: var(--cv-px) solid var(--cv-line);
  




  --cv-bd-cut: 2px solid var(--cv-ground);
  








  --cv-bd-ink: var(--cv-px) solid var(--cv-ink);

  






  --cv-deep: #0c0c0f;
  --cv-mid: #99999c;
  --cv-bright: #f4f4f5;
  



  --cv-brick-deep: #3a1612;
  --cv-brick-light: #e06a4a;

  

  --cv-brick: #883c31;
  







  --cv-ochre: #6c4e27;
  --cv-sage: #46564d;
  







  --cv-ink-fixed: #18181b;
  



  --cv-brick-fixed: #b81818;
  --cv-ground-fixed: #e4e4e7;
  



  --cv-font: 'DotGothic16', system-ui, sans-serif;
  --cv-font-code: 'Hasklig', ui-monospace, monospace;
  






  --cv-smear: calc(1em / 16) 0 0 currentColor;

  

  --cv-r: 0px;
  --cv-r-sheet: 0px;

  



  --cv-px: 4px;
  


  --cv-sp-hair: 2px;
  --cv-sp-1: 4px;
  --cv-sp-2: 8px;
  --cv-sp-3: 12px;
  --cv-sp-4: 16px;
  --cv-sp-5: 20px;
  --cv-sp-6: 24px;
  --cv-sp-7: 32px;
  --cv-sp-8: 40px;
  --cv-sp-9: 56px;
  --cv-sp-10: 80px;
  --cv-module: 48px;
  --cv-gutter: 48px;
  --cv-air: 96px;

  






  --cv-fs-meta: 16px;
  --cv-fs-0: 16px;
  --cv-fs-1: 16px;
  --cv-fs-2: 32px;
  --cv-fs-3: 32px;
  --cv-fs-4: 48px;
  --cv-fs-6: 64px;
  --cv-lh-display: 1.25;
  --cv-lh-prose: 1.5;

  




  --cv-ctrl-h: 44px;
  --cv-hero-btn-h: 56px;

  



  --cv-reading: 60ch;

  





  --cv-dur-press: 120ms;
  --cv-dur-quick: 150ms;
  --cv-dur-glide: 250ms;
  --cv-dur-slide: 320ms;
  --cv-dur-drift: 600ms;
  



  --cv-dur-marquee: 12s;
  

  --cv-ease-hold: steps(1, end);
   
  --cv-ease-step: steps(4, end);
   
  --cv-ease-frames: steps(8, end);

  




   
  --cv-z-under: -1;
  

  --cv-z-ground: 0;
  

  --cv-z-over: 1;
  

  --cv-z-raised: 2;
  

  --cv-z-hands: 3;
   
  --cv-z-fan: 4;
   
  --cv-z-sheet: 5;
   
  --cv-z-chrome: 6;
   
  --cv-z-menu: 7;
   
  --cv-z-skip: 8;
   
  --cv-z-move: 9;
   
  --cv-z-diag: 10;
}










:root {
  


  --guest-gh-bg: #ffffff;
  --guest-gh-ink: #1f2328;
  --guest-gh-mute: #59636e;
  --guest-gh-line: #d1d9e0;
  --guest-gh-acc: #0969da;
   
  --guest-lang-rust: #dea584;
  --guest-lang-lua: #000080;
  --guest-lang-bqn: #2b7067;
   
  --guest-kg-bg: #ffffff;
  --guest-kg-ink: #202124;
  --guest-kg-mute: #5f6368;
  --guest-kg-line: #dadce0;
  --guest-kg-acc: #20beff;
  


  --guest-hf-bg: #ffffff;
  --guest-hf-ink: #0b0f19;
  --guest-hf-mute: #6b7280;
  --guest-hf-line: #e5e7eb;
  --guest-hf-yellow: #ffd21e;
  


  --guest-if-acc: #4f8fdd;
  --guest-if-ink: #18181b;
  

  --guest-sp-bg: #121212;
  --guest-sp-ink: #ffffff;
  --guest-sp-mute: #b3b3b3;
  --guest-sp-line: #2a2a2a;
  



  --guest-cc-board: #f3f4ef;
  --guest-cc-piece: #18181b;
  




  --guest-sky-day-1: #4a97e0;
  --guest-sky-day-2: #8fc3f0;
  --guest-sky-night-1: #182635;
  --guest-sky-night-2: #31465e;
  --guest-sky-rose: #c97b8c;
  --guest-sky-glow: #f0a45c;
  --guest-sky-sun: #fff3c4;
}









:root {
  --cv-code-bg: #282c34;
  --cv-code-ink: #abb2bf;
   
  --cv-code-comment: #5c6370;
   
  --cv-code-keyword: #c678dd;
   
  --cv-code-name: #e06c75;
   
  --cv-code-literal: #56b6c2;
   
  --cv-code-string: #98c379;
   
  --cv-code-number: #d19a66;
   
  --cv-code-title: #61aeee;
   
  --cv-code-class: #e6c07b;
}