:root{

  --graphite:#14151a;
  --graphite-soft:#1c1d23;
  --bone:#ebe6db;
  --bone-deep:#dfd9cb;
  --slate:#4a4d57;
  --steel:#c8d4dc;
  --ember:#c66744;
  --ember-deep:#a8522f;
  --signal:#7da987;

  --line-d:rgba(235,230,219,.16);
  --line-l:rgba(20,21,26,.22);

  --font-display:"Archivo Black",sans-serif;
  --font-body:"Archivo",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  --pad-x:28px;
  --pad-section:120px;
  --gutter:24px;
  --border:2px;

  --ease:cubic-bezier(.2,.8,.2,1);
  --dur-fast:.25s;
  --dur-med:.4s;
  --dur-slow:1s;

  --z-canvas:0;
  --z-content:2;
  --z-sticky:50;
  --z-overlay:99;
}

@media (max-width:900px){
  :root{
    --pad-x:18px;
    --pad-section:72px;
  }
}