:root {

  --linked-bg:     #FFFFFF;
  --linked-paper:  #EDEDED;
  --linked-ink:    #000000;
  --linked-mute:   #5A5A5A;
  --linked-line:   #E6E6E6;

  --pure-bg:       #000000;
  --pure-paper:    #0A0A0A;
  --pure-ink:      #FFFFFF;
  --pure-mute:     #8A8A8A;
  --pure-line:     #1E1E1E;



  --neutral-bg:    #EDEDED;
  --neutral-ink:   var(--linked-ink);


  --c-hydrafine:   #00539E;
  --c-sublimelip:  #CA0A22;
  --c-dynamic:     #8E9383;
  --c-deeplift:    #A2388D;
  --c-restore:     #A3C4E9;
  --c-puresense:   #20978E;


  --font-display:  "arboria", "Jost", "Avenir", sans-serif;
  --font-body:     "arboria", "Jost", "Avenir", -apple-system, sans-serif;
  --font-mono:     'JetBrains Mono', ui-monospace, monospace;
  --display-weight: 300;
  --display-tracking: -0.035em;


  --gutter:        clamp(20px, 4vw, 56px);
  --col:           minmax(0, 1fr);
  --section-y:     clamp(96px, 12vh, 180px);
  --section-y-sm:  clamp(64px, 8vh, 120px);


  --max-width:     1680px;
  --readable:      560px;


  --z-base:        1;
  --z-content:     5;
  --z-nav:         100;
  --z-overlay:     500;
  --z-cursor:      9999;


  --ease-out:      cubic-bezier(.2, .8, .2, 1);
  --ease-in-out:   cubic-bezier(.65, .05, .36, 1);
  --ease-editorial: cubic-bezier(.77, 0, .18, 1);
  --dur-quick:     150ms;
  --dur-base:      250ms;
  --dur-slow:      400ms;
}