@font-face{font-family:InterTight;src:url('/files/inter-tight-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:JetBrains;src:url('/files/jetbrains-mono-latin.woff2') format('woff2');font-weight:100 800;font-display:swap}

:root{
  color-scheme:dark;
  --graphite:#232326;
  --obsidian:#1b1c20;
  --night:#141518;
  --edge:#44464d;
  --hairline:#ffffff17;
  --silver:#eef1f4;
  --mist:#c9cbd2;
  --pewter:#b3b5bf;
  --ember:#ed9787;
  --amethyst:#b49bff;
  --paper:#f3f1ec;
  --ink:#1b1c20;

  --font-sans:InterTight,"Helvetica Neue",Arial,sans-serif;
  --font-mono:JetBrains,ui-monospace,monospace;

  --text-label:.75rem;
  --text-small:.875rem;
  --text-body:clamp(1rem,.95rem + .25vw,1.125rem);
  --text-lead:clamp(1.125rem,1rem + .6vw,1.375rem);
  --text-h3:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);
  --text-h2:clamp(2.75rem,1rem + 5vw,6rem);
  --text-h1:clamp(3.25rem,1rem + 6vw,7rem);

  --gutter:clamp(1rem,.4rem + 3vw,3rem);
  --content:1240px;
  --space-section:clamp(6rem,4rem + 8vw,12rem);
  --space-section-lg:clamp(8rem,5rem + 12vw,16rem);

  --header-h:65px; /* measured: .nav min-height 64px + 1px border */

  --radius-object:14px;
  --radius-control:999px;
  --shadow-object:0 50px 90px -45px #000,0 0 0 1px #ffffff14;

  --ease-out-expo:cubic-bezier(.16,1,.3,1);
  --ease:var(--ease-out-expo); /* name used by krotek-session.css */
  --duration-fast:150ms;
  --duration-normal:300ms;
  --duration-reveal:600ms;
}