/*design tokens (colors, spacing, typography)  */



:root {
    --clr-bg: #D7D1C2;
    --clr-fg: #1C2C27;
    --clr-accent: #055232;
    --clr-subheading: #2F2A29;
    --clr-code-bg: #7be099;
    --clr-code-text: #2F2A29;
  
    
    --font-header: 'Special Gothic Expanded One', sans-serif;
    --font-body: 'Source Code Pro', monospace;
    --font-code: 'IBM Plex Mono', monospace;
    --font-accent: 'Comfortaa', cursive;

  
    --space-1: 10px;
    --space-2: 15px;
    --radius: 4px;
  }
  


/*archive

--font-body: 'Courier New', Courier, monospace;
--clr-bg: #000;
    --clr-fg: #fff;
    --clr-accent: #1e90ff;
    --clr-subheading: #73b9ff;
    --clr-code-bg: #111;
    --clr-code-text: #34813d;
*/