:root{
  /* color */
  --c-bg:#0A0A0B; --c-bg-2:#141417; --c-slate:#6E747B;
  --c-fg:#F5F6F7; --c-muted:#8b9097; --c-red:#E64E4E;
  --c-line:rgba(255,255,255,.10);
  /* type */
  --font:'Archivo',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  /* spacing */
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:40px; --sp-5:64px; --sp-6:96px;
  --maxw:1180px; --radius:2px;
  /* z */
  --z-stage:1; --z-nav:50; --z-ui:40;
  /* motion */
  --ease-out:cubic-bezier(.2,.8,.25,1);
  --ease-in:cubic-bezier(.6,.04,.78,0);
}